Fix responsiveness

src/static/all.css

@@ -6958,7 +6958,13 @@ label.panel-block {
 
 @media (max-width: 1024px) {
   .hide-sm {
-    display: none; } }
+    display: none; }
+  div#main-view {
+    min-height: initial; } }
+
+@media (max-width: 769px) {
+  div#ci-menu {
+    padding-right: 1.5rem; } }
 
 div#main-view {
   margin-top: 0;

src/static/style/main.scss

@@ -8,6 +8,16 @@ $menu-label-color:hsl(0, 0%, 96%);
 @media (max-width: $desktop) {
     .hide-sm {
         display: none;
+    }    
+
+    div#main-view {
+        min-height: initial;
+    }
+}
+
+@media (max-width: $tablet) {
+    div#ci-menu {
+        padding-right: 1.5rem;
     }
 }
 

src/templates/base.html

@@ -27,7 +27,7 @@
     </nav>
 
     <div id="main-view" class="columns">
-        <div id="ci-menu" class="column is-one-fifth">
+        <div id="ci-menu" class="column is-one-fifth-desktop is-two-fifths-tablet">
             {% include "nav.html" %}
         </div>
         <div class="column">