From 751b112b7ab1766aa08d3422ecd1924354b9cd59 Mon Sep 17 00:00:00 2001
From: Harald Eilertsen <haraldei@anduin.net>
Date: Wed, 1 May 2019 21:11:53 +0200
Subject: Move towards flexbox layout.

Main page and header now use flexbox instead of not quite working
floats and position relative/absolute. This really simplifies things.
Perhaps we'll even be able to make a mobile friendly site some day.

Various other cosmetic tweaks have snuch in too. The page now has a
max size of about 25cm, and some other minor tweaks.
---
 app/assets/stylesheets/hmno_sidebars.scss | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

(limited to 'app/assets/stylesheets/hmno_sidebars.scss')

diff --git a/app/assets/stylesheets/hmno_sidebars.scss b/app/assets/stylesheets/hmno_sidebars.scss
index c196ac2..dbc68ab 100644
--- a/app/assets/stylesheets/hmno_sidebars.scss
+++ b/app/assets/stylesheets/hmno_sidebars.scss
@@ -27,13 +27,9 @@
 }
 
 #left_sidebar, #right_sidebar {
-    position: absolute;
     width: 200px;
-    top: 0;
-    bottom: $spacing;
     border: 1px groove $dark-border-fg;
     background-color: $bg2;
-    overflow: auto;
     h2 {
         @include sidebar-headers;
     }
@@ -57,11 +53,11 @@
 }
 
 #left_sidebar {
-    left: $spacing;
+    margin-right: $spacing;
 }
 
 #right_sidebar {
-    right: $spacing;
+    margin-left: $spacing;
 }
 
 .sidebar_module {
-- 
cgit v1.2.3