same space before and after legal section in footer (fix #15659)

mozilla · Dec 5, 2024 · 51a5897 · 51a5897
1 parent 495efdd
commit 51a5897
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/media/css/m24/components/footer-refresh.scss b/media/css/m24/components/footer-refresh.scss
@@ -350,12 +350,8 @@ $max-footer-content-width: $content-max;
 // secondary nav
 .moz24-footer-secondary {
     position: relative;
-    margin-top: $grid-margin;
+    margin: $spacer-lg 0;
     line-height: 1.5;
-
-    @media #{$mq-md} {
-        padding-top: $grid-margin;
-    }
 }
 
 .moz24-footer-legal {
@@ -379,6 +375,10 @@ $max-footer-content-width: $content-max;
         @include bidi(((margin-right, 10%, 0), (margin-left, 0, 10%)));
     }
 
+    @media #{$mq-lg} {
+        margin-bottom: 0;
+    }
+
     a,
     a:link,
     a:visited {
@@ -388,6 +388,8 @@ $max-footer-content-width: $content-max;
 }
 
 .moz24-footer-terms {
+    margin-bottom: 0;
+
     li {
         font-family: $primary-font;
         padding: 0 24px 0 0;
@@ -396,6 +398,10 @@ $max-footer-content-width: $content-max;
         @media #{$mq-md} {
             display: inline;
         }
+
+        &:last-of-type {
+            margin-bottom: 0;
+        }
     }
 
     a,