Make contact list readable on mobile

1 files changed, 15 insertions, 6 deletions

diff --git a/commun.css b/commun.css
index b33f19b..5e7e504 100644
--- a/commun.css
+++ b/commun.css
@@ -53,6 +53,12 @@ nav li.dropdown > ul > li a img {
     padding: 0.5em;
 }
 
+footer.social > .content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
 footer.legal {
     grid-column: 1 / -1;
     width: 100%;
@@ -164,12 +170,6 @@ footer.legal {
         top: 0;
     }
 
-    footer.social > .content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    }
-
     .social img {
         width: 2em;
         margin-top: 0.5em;
@@ -326,4 +326,13 @@ footer.legal {
         grid-column: 2;
         margin: auto;
     }
+
+    .social img {
+        width: 3em;
+        margin-top: 0.5em;
+        margin-bottom: 0.5em;
+    }
+    .contact {
+        padding: 1em;
+    }
 }