Reduce .column-one width to fix wrapping, consolidate stylings (#9098)

department-of-veterans-affairs · Nov 14, 2018 · fe561ff · fe561ff
1 parent 6423d32
commit fe561ff
Showing 1 changed file with 19 additions and 11 deletions.
diff --git a/src/platform/site-wide/sass/consolidated-patches.scss b/src/platform/site-wide/sass/consolidated-patches.scss
@@ -98,20 +98,28 @@ header.merger {
   }
 
   @media (min-width: $large-screen) {
-    #mega-menu .vetnav-panel {
-      width: 487px;
-    }
+    #mega-menu  {
+      .vetnav-panel {
+        width: 487px;
+
+        &.column-one {
+          .mm-link-container {
+            width: 200px;
+          }
+        }
 
-    #mega-menu .column-two {
-      left: 240px;
-    }
+        &.column-two {
+          left: 240px;
+        }
 
-    #mega-menu .column-three {
-      left: 487px;
-    }
+        &.column-three {
+          left: 487px;
+        }
+      }
 
-    #mega-menu .panel-bottom-link {
-      width: 657px;
+      .panel-bottom-link {
+        width: 657px;
+      }
     }
   }