summaryrefslogtreecommitdiff
path: root/ext/mixed
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-11-16 20:41:12 -0500
committerGitHub <noreply@github.com>2020-11-16 20:41:12 -0500
commitea7b8621c3620ae55d2596f98c26f33b479db01c (patch)
tree858e541d688e09365e26e8ee185746ee8fdb71fd /ext/mixed
parent37ea7e2c9a3d15b6de61972a2163a323572acd28 (diff)
Update layout to have better sizing properties (#1040)
Diffstat (limited to 'ext/mixed')
-rw-r--r--ext/mixed/css/display.css9
-rw-r--r--ext/mixed/css/search.css5
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 */