responsive layout: move sidebars beneath main content.

Incidentally fixes bug with notes being mispositioned on top of the sidebar because the sidebar was declared as float: left.
2017-04-28 15:05:46 -05:00
parent 641f56dc2a
commit 7aae76d80a
1 changed files with 15 additions and 2 deletions
--- a/app/assets/stylesheets/common/responsive.scss
+++ b/app/assets/stylesheets/common/responsive.scss
@@ -13,8 +13,21 @@
    display: none;
  }

-  aside {
-    font-size: 18pt;
+  div#page {
+    > div /* div#c-$controller */ {
+      > div /* div#a-$action */ {
+        display: flex;
+        flex-direction: column;
+
+        /* Move #sidebar below #content. */
+        > aside#sidebar {
+          font-size: 1.5em;
+          float: none;
+          width: auto;
+          order: 2;
+        }
+      }
+    }
  }

  #maintoggle {