src/styles/general.scss

@@ -26,6 +26,9 @@
 
 .app-container{
   min-height: calc(100vh - 64px);
+  @media screen and (max-width: $tablet) {
+    margin-top: -2.3em;
+  }
 
   .namespace-container{
     background: url('../public/images/llama.svg') no-repeat bottom left fixed $vikunja-blue;
@@ -33,6 +36,9 @@
     z-index: 1;
     color: $vikunja-light-text;
     padding: 0;
+    @media screen and (max-width: $tablet) {
+      padding: 1em 0;
+    }
 
     .namespaces-lists{
       border-top: 1px solid darken($vikunja-blue, 6);
@@ -111,6 +117,9 @@
     padding: 1.5em;
     z-index: 2;
     background: darken(#fff, 1%);
+    @media screen and (max-width: $tablet) {
+      min-height: 100vh;
+    }
 
     .card{
       background: #fff;