From ea7b8621c3620ae55d2596f98c26f33b479db01c Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Mon, 16 Nov 2020 20:41:12 -0500
Subject: Update layout to have better sizing properties (#1040)

---
 ext/mixed/css/display.css | 9 ++++++---
 ext/mixed/css/search.css  | 5 +++--
 2 files changed, 9 insertions(+), 5 deletions(-)

(limited to 'ext/mixed/css')

diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index d4fb8b4c..09fc5703 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -220,16 +220,19 @@ a {
     width: 100%;
     height: 100%;
     display: flex;
-    flex-flow: row nowrap;
+    flex-flow: column nowrap;
     overflow-x: hidden;
     overflow-y: scroll;
     position: relative;
     align-items: stretch;
-    justify-content: center;
+    justify-content: flex-start;
 }
 .content-body {
     flex: 1 1 auto;
-    height: 100%;
+    position: relative;
+}
+.content-body-inner {
+    width: 100%;
 }
 
 
diff --git a/ext/mixed/css/search.css b/ext/mixed/css/search.css
index 456add33..997c089f 100644
--- a/ext/mixed/css/search.css
+++ b/ext/mixed/css/search.css
@@ -229,11 +229,12 @@ label.toggle {
 }
 
 /* Content layout */
-.content-body {
+.content-body-inner {
     width: var(--main-content-size);
     padding: 0 var(--main-content-padding);
-    max-width: var(--main-content-size);
+    max-width: 100%;
     box-sizing: border-box;
+    margin: 0 auto;
 }
 
 /* Search bar */
-- 
cgit v1.2.3