From 851d8fd4a3c5e46a00cd2c1a1dd973ba019318ab Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 12 Jun 2018 11:05:33 +0200
Subject: [PATCH] mobile tweaks

---
 src/components/molecules/ProjectNav.module.scss |  9 +++++++--
 src/components/organisms/Footer.module.scss     | 12 +++++++-----
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/molecules/ProjectNav.module.scss b/src/components/molecules/ProjectNav.module.scss
index ebddfe0..d366a23 100644
--- a/src/components/molecules/ProjectNav.module.scss
+++ b/src/components/molecules/ProjectNav.module.scss
@@ -13,12 +13,17 @@
 
 .item {
     display: inline-block;
-    width: 40vw;
-    margin-left: $spacer * 2;
+    width: 60vw;
+    margin-left: $spacer;
 
     &:last-child {
         margin-right: $spacer * 2;
     }
+
+    @media (min-width: 30rem) {
+        width: 40vw;
+        margin-left: $spacer * 2;
+    }
 }
 
 .image {
diff --git a/src/components/organisms/Footer.module.scss b/src/components/organisms/Footer.module.scss
index 5b8896a..83a92c7 100644
--- a/src/components/organisms/Footer.module.scss
+++ b/src/components/organisms/Footer.module.scss
@@ -26,15 +26,17 @@
         display: inline-block;
         padding: 0 $spacer / 4;
         font-size: $font-size-small;
-        margin-left: $spacer;
+        margin-left: $spacer / 2;
+        margin-right: $spacer / 2;
+        margin-bottom: $spacer / 2;
         color: $text-color-light;
 
-        &:first-child {
-            margin-left: 0;
-        }
-
         :global(.dark) & {
             color: $text-color-light--dark;
         }
     }
 }
+
+.footer__copyright {
+    opacity: .6;
+}