pt1

src/app/components/Navbar.module.css

@@ -16,8 +16,7 @@
 }
 
 /* Position nav items correctly */
-.navbar .container li,
-.dropdownTitle {
+.navbar .container li {
   padding-left: 0.75em;
   padding-right: 0.75em;
 }
@@ -92,8 +91,8 @@
 
   .links li,
   .dropdownTitle {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
     margin-bottom: 0.5rem;
     border-radius: 0.5em;
   }
@@ -135,6 +134,11 @@
     align-items: center;
     justify-content: space-between;
   }
+
+  .dropdownMenu {
+    position: absolute;
+    display: none;
+  }
 }
 
 .header {
@@ -156,9 +160,18 @@
   font-family: var(--font-geist-mono);
 }
 
+.dropdown {
+  padding: 0 !important;
+}
+
 
 .dropdown a {
   cursor: pointer;
+  margin-bottom: 0;
+}
+
+.dropdown li {
+  margin-bottom: 0;
 }
 
 .dropdownMenu li:last-of-type {
@@ -175,31 +188,18 @@
   margin: 0 !important;
 }
 
-.dropdownMenu {
-  display: none;
-}
-
 .dropdownActive {
   background-color: #f1f1f1;
-  transition: all 0.3s ease-out;
+}
+
+.dropdownMenu {
+  display: none;
 }
 
 .dropdownActive .dropdownMenu {
   display: block;
 }
 
-/*
-.dropdownTitle {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
-  padding-left: 0.75em;
-  padding-right: 0.75em;
-  background-color: var(--accent);
-  border-radius: 0.5em;
-  margin-bottom: 0.5rem;
-}
-  */
-
 .dropdown:not(.dropdownActive) .dropdownTitle {
   margin-bottom: 0;
 }