1 files changed, 28 insertions, 20 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index 8ea2a32..20c42f7 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -52,13 +52,8 @@ header.menu > nav a {
     font-weight: 600;
 }
 
-nav > ol, nav li.dropdown > ul {
+nav ol, nav ul {
     list-style-type: none;
-    padding-left: 0;
-}
-nav > ol > li > a {
-    display: block;
-    padding: 0.5em 0.1em;
 }
 
 footer.social a {
@@ -141,6 +136,9 @@ footer.legal {
         text-align: center;
         margin: 0;
     }
+    nav ol, nav ul {
+        padding-left: 0;
+    }
 
     /* I'd like to make sure the grid only ever has 1/2/4 columns.
      * No idea how to do that with one single neat rule, so…
@@ -158,6 +156,11 @@ footer.legal {
         }
     }
 
+    nav > ol > li > a {
+        display: block;
+        padding: 0.5em 0.1em;
+    }
+
     nav li.dropdown {
         position: relative;
     }
@@ -305,7 +308,6 @@ footer.legal {
         display: grid;
         grid-template-columns: 3rem 1fr 3rem;
         grid-template-rows: 3rem repeat(4, auto);
-        justify-items: center;
     }
     header.slidingmenu > .content > img.button.close {
         grid-column: 1;
@@ -332,30 +334,36 @@ footer.legal {
     header.slidingmenu > .content > nav.menu,
     header.slidingmenu > .content > nav.social {
         grid-column: 1 / -1;
-        width: 100%;
     }
 
-    header.slidingmenu > .content ul,
-    header.slidingmenu > .content ol {
-        list-style: none;
+    header.slidingmenu > .content nav ol,
+    header.slidingmenu > .content nav ul {
         padding-left: 0;
     }
-
-    header.slidingmenu > .content > nav.menu {
-        text-align: center;
+    header.slidingmenu > .content > nav.menu li > a {
+        display: block;
+        padding: 0.5em;
+        padding-left: 2em;
     }
-
-    header.slidingmenu > .content > nav.menu > ol > li > ul {
+    header.slidingmenu > .content > nav.menu li.dropdown > a {
         display: flex;
-        justify-content: space-evenly;
+        padding-bottom: 0;
     }
-    header.slidingmenu > .content > nav.menu > ol > li > ul > li > a {
-        display: block;
-        padding: 0.5em;
+    header.slidingmenu > .content > nav.menu li.dropdown > a:after {
+        content: url('../images/chevron-down-gold.svg');
+        filter: grayscale(1);
+    }
+    header.slidingmenu > .content > nav.menu li.dropdown > a:hover:after {
+        filter: grayscale(0);
+    }
+    header.slidingmenu > .content > nav.menu li.dropdown li > a {
+        padding: 0.2em;
+        padding-left: 4em;
     }
 
     header.slidingmenu > .content > nav.social > ul {
         display: flex;
+        padding-left: 0;
         justify-content: space-evenly;
     }
     header.slidingmenu > .content > nav.social > ul > li > a {