change(footer): added gap for actions and copyright

- this way you can still navigate these links with ease on mobile
eea · Feb 13, 2023 · 7d32ddd · 7d32ddd
1 parent 832b69e
commit 7d32ddd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/theme/themes/eea/extras/footer.less b/theme/themes/eea/extras/footer.less
@@ -98,11 +98,14 @@ footer .footer-wrapper .menu {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
+    gap: @menuFooterActionsGap;
   }
 
   .copyright {
     display: flex;
     justify-content: center;
+    flex-wrap: wrap;
+    gap: @menuFooterCopyrightGap;
   }
 
   a {

diff --git a/theme/themes/eea/extras/footer.variables b/theme/themes/eea/extras/footer.variables
@@ -76,3 +76,5 @@
 @mobileMenuCopyrightFontWeight      : @font-weight-3;
 @mobileMenuFontWeight               : @font-weight-4;
 @computerMenuFontSize               : @font-size-1;
+@menuFooterActionsGap               : 0 @size-1;
+@menuFooterCopyrightGap             : @size-1;