3 files changed, 30 insertions, 5 deletions
diff --git a/static/mobilepanes.css b/static/mobilepanes.css
new file mode 100644
index 0000000..abd3b68
--- /dev/null
+++ b/static/mobilepanes.css
@@ -0,0 +1,8 @@
+main.mobilePane {
+  /*overflow-y: hidden;*/
+  display: block;
+
+  #notificationsPanel {
+    box-sizing: border-box;
+  }
+}
diff --git a/static/skeleton.css b/static/skeleton.css
index e9e39b2..2d7b216 100644
--- a/static/skeleton.css
+++ b/static/skeleton.css
@@ -84,11 +84,8 @@ nav {
         }
       }
     }
-    @media (width < 600px) {
-      max-width: 0;
-      max-height: 0;
-      font-size: 0;
-      visibility: hidden;
+    @media (width < 1200px) {
+      display: none;
     }
   }
   img.avatar {
@@ -99,6 +96,9 @@ nav {
     max-width: 16em;
     overflow: hidden;
     text-overflow: ellipsis;
+    @media (width < 1200px) {
+      display: none;
+    }
   }
 }
 
@@ -143,6 +143,22 @@ main {
   }
 }
 
+#leftPaneActivator,
+#rightPaneActivator {
+  display: none;
+  text-decoration: none;
+  cursor: pointer;
+}
+@media (width < 1200px) {
+  #leftPaneActivator,
+  #rightPaneActivator {
+    display: initial;
+  }
+}
+#rightPaneActivator {
+  text-align: end;
+}
+
 h1 {
   margin: var(--spacing-quadruple) var(--spacing-double);
   padding: 0;
diff --git a/static/style.css b/static/style.css
index 0c2bf9d..d1ac93d 100644
--- a/static/style.css
+++ b/static/style.css
@@ -4,4 +4,5 @@
 @import url(note.css);
 @import url(form.css);
 @import url(profile.css);
+@import url(mobilepanes.css);
 @import url(misc.css);