Fix mobile join class view

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;

client/src/layouts/SimpleLayout.vue

@@ -71,7 +71,9 @@
     }
 
     &__footer {
-      grid-column: 1 / span 3;
+      @include desktop {
+        grid-column: 1 / span 3;
+      }
     }
   }