From 8ad74126b7bed2a01640ee1bd6a6fcea67968585 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Wed, 14 Jul 2021 11:38:46 +0200
Subject: [PATCH] Fix mobile join class view

---
 client/src/layouts/SimpleFooter.vue | 8 ++++++--
 client/src/layouts/SimpleLayout.vue | 4 +++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/client/src/layouts/SimpleFooter.vue b/client/src/layouts/SimpleFooter.vue
index 7145fcf9..b3686ca6 100644
--- a/client/src/layouts/SimpleFooter.vue
+++ b/client/src/layouts/SimpleFooter.vue
@@ -12,14 +12,18 @@
   .simple-footer {
     width: 100%;
     justify-self: center;
-    padding: $large-spacing 0;
+    padding: $large-spacing $small-spacing;
     background-color: $color-silver-light;
     display: grid;
-    grid-template-columns: 1fr $footer-width 1fr;
+    grid-template-columns: 0 1fr 0;
     box-sizing: border-box;
     overflow: hidden;
     height: 105px;
 
+    @include desktop {
+      grid-template-columns: 1fr $footer-width 1fr;
+    }
+
     &__strong {
       @include aside-with-cheese;
       font-weight: 600;
diff --git a/client/src/layouts/SimpleLayout.vue b/client/src/layouts/SimpleLayout.vue
index 3d987661..1f83af9b 100644
--- a/client/src/layouts/SimpleLayout.vue
+++ b/client/src/layouts/SimpleLayout.vue
@@ -71,7 +71,9 @@
     }
 
     &__footer {
-      grid-column: 1 / span 3;
+      @include desktop {
+        grid-column: 1 / span 3;
+      }
     }
   }