Update layout to have better sizing properties (#1040)

2 files changed, 9 insertions, 5 deletions

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 */