adjust styles

Author: alexandratran

src/components/CopyPageButton/CopyPageButton.module.css

@@ -23,13 +23,6 @@
   right: 0;
 }
 
-@media (max-width: 996px) {
-  .h1Wrapper h1 {
-    /* Less padding on tablet/mobile since button is icon-only */
-    padding-right: 60px;
-  }
-}
-
 .mainButton {
   display: flex;
   align-items: center;
@@ -47,22 +40,6 @@
   min-width: 160px;
 }
 
-@media (max-width: 996px) {
-  .mainButton {
-    min-width: auto;
-    padding: 12px;
-    gap: 0;
-  }
-  
-  .mainButton span {
-    display: none;
-  }
-  
-  .mainButton .arrow {
-    display: none;
-  }
-}
-
 .mainButton:hover {
   background: rgb(255 255 255 / 10%);
   border-color: rgb(255 255 255 / 25%);
@@ -93,24 +70,8 @@
 }
 
 @media (max-width: 996px) {
-  .dropdown {
-    min-width: 260px;
-    max-width: 90vw;
-  }
-  .alignCenter {
-    right: auto;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-  .alignRight {
-    right: 0;
-    left: auto;
-    transform: none;
-  }
-  .alignLeft {
-    left: 0;
-    right: auto;
-    transform: none;
+  .container {
+    display: none;
   }
 }
 

src/theme/MDXPage/styles.module.css

@@ -5,7 +5,7 @@
   justify-content: center;
   overflow: visible;
   width: 95%;
-  margin-bottom: 16px;
+  margin-bottom: 4px;
   gap: 10px;
 }
 
@@ -169,7 +169,6 @@
   justify-content: center;
   align-items: center;
   width: 100%;
-  margin-top: 1rem;
   position: relative;
   z-index: 100;
   overflow: visible;