From 7aae76d80a0628bd46bde85b41c1aaf70aa71572 Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Fri, 28 Apr 2017 15:05:46 -0500
Subject: [PATCH] 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.
---
 app/assets/stylesheets/common/responsive.scss | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/common/responsive.scss b/app/assets/stylesheets/common/responsive.scss
index ea752424a..69d2abc67 100644
--- 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 {