summaryrefslogtreecommitdiff
path: root/ext
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2022-04-02 14:48:57 -0400
committerGitHub <noreply@github.com>2022-04-02 14:48:57 -0400
commitea1d64c9dd0905e96f498f2b491d96d03192b96b (patch)
tree986409d83834f721d2f3aa976aae36251bbdafe4 /ext
parent6b88501afdf6eb866b72bf1e6ffdfd04ad283733 (diff)
Settings page mobile layout updates (#2102)
* Remove use of --settings-group-inner-vertical-margin * Update alignment
Diffstat (limited to 'ext')
-rw-r--r--ext/css/settings.css6
1 files changed, 1 insertions, 5 deletions
diff --git a/ext/css/settings.css b/ext/css/settings.css
index 6581483c..2ccc45ec 100644
--- a/ext/css/settings.css
+++ b/ext/css/settings.css
@@ -28,7 +28,6 @@
--shadow-left: -1px 0 4px 0 var(--shadow-color), -2px 0 2px 0 var(--shadow-color);
--shadow-right: 1px 0 4px 0 var(--shadow-color), 2px 0 2px 0 var(--shadow-color);
--settings-group-horizontal-margin: 0;
- --settings-group-inner-vertical-margin: 0.75em;
--settings-group-inner-vertical-padding: 0.85em;
--settings-group-inner-horizontal-padding: 1.5em;
--settings-group-inner-horizontal-padding-half: calc(var(--settings-group-inner-horizontal-padding) * 0.5);
@@ -505,10 +504,9 @@ a.heading-link-light {
width: 100%;
}
.settings-item-inner {
- margin-top: var(--settings-group-inner-vertical-margin);
display: flex;
flex-flow: row nowrap;
- justify-content: space-between;
+ justify-content: flex-end;
align-content: stretch;
width: 100%;
}
@@ -516,7 +514,6 @@ a.heading-link-light {
flex-wrap: var(--settings-group-wrap);
}
.settings-item-left {
- margin-top: calc(var(--settings-group-inner-vertical-margin) * -1);
padding: var(--settings-group-inner-vertical-padding) var(--settings-group-inner-horizontal-padding-half) var(--settings-group-inner-vertical-padding) var(--settings-group-inner-horizontal-padding);
flex: 1 1 auto;
align-self: center;
@@ -526,7 +523,6 @@ a.heading-link-light {
padding-right: var(--settings-group-inner-horizontal-padding);
}
.settings-item-right {
- margin-top: calc(var(--settings-group-inner-vertical-margin) * -1);
padding: var(--settings-group-inner-vertical-padding) var(--settings-group-inner-horizontal-padding) var(--settings-group-inner-vertical-padding) var(--settings-group-inner-horizontal-padding-half);
flex: 0 1 auto;
align-self: stretch;