From ea1d64c9dd0905e96f498f2b491d96d03192b96b Mon Sep 17 00:00:00 2001 From: toasted-nutbread Date: Sat, 2 Apr 2022 14:48:57 -0400 Subject: Settings page mobile layout updates (#2102) * Remove use of --settings-group-inner-vertical-margin * Update alignment --- ext/css/settings.css | 6 +----- 1 file changed, 1 insertion(+), 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; -- cgit v1.2.3