fix horrendous menu styling

Blargian · Jan 30, 2025 · 9daad77 · 9daad77
1 parent 121084f
commit 9daad77
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/components/DocsCategoryDropdown/styles.module.css b/src/components/DocsCategoryDropdown/styles.module.css
@@ -9,7 +9,6 @@
   cursor: default;
   color: #414040;
   color: black;
-  margin-right: 30px;
 }
 
 .docsNavDropdownToolbarLink:hover {

diff --git a/src/theme/Navbar/Content/styles.module.css b/src/theme/Navbar/Content/styles.module.css
@@ -8,8 +8,8 @@
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: center;
-  padding: 0.5rem 2rem;
-  gap: 1rem;
+  padding: 0.5rem 1.5rem;
+  gap: 2rem;
   border-bottom: 1px solid var(--click-color-stroke);
   border-top: 1px solid var(--click-color-stroke);
   height: 3.5rem;
@@ -64,13 +64,12 @@
   flex-wrap: nowrap;
   max-width: 100%;
   overflow: auto;
-  gap: 2rem;
+  gap: 1rem;
 }
 
 .secondaryMenuRight {
   display: flex;
   flex-wrap: nowrap;
-  gap: 1rem;
 }
 
 .secondaryMenuLeft > *, .secondaryMenuRight a, .secondaryMenuRight button {
@@ -105,7 +104,8 @@
 }
 
 .dropdownCategoriesContainer {
-  overflow-x: auto;
+  display: flex;
+  justify-content: space-between;
   width: 100%;
   max-width: 100%;
   white-space: wrap;