diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2022-04-02 14:48:57 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-04-02 14:48:57 -0400 |
| commit | ea1d64c9dd0905e96f498f2b491d96d03192b96b (patch) | |
| tree | 986409d83834f721d2f3aa976aae36251bbdafe4 /ext/css | |
| parent | 6b88501afdf6eb866b72bf1e6ffdfd04ad283733 (diff) | |
Settings page mobile layout updates (#2102)
* Remove use of --settings-group-inner-vertical-margin
* Update alignment
Diffstat (limited to 'ext/css')
| -rw-r--r-- | ext/css/settings.css | 6 |
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; |