diff --git a/options.html b/options.html index 57520ed5..92ab77ef 100644 --- a/options.html +++ b/options.html @@ -50,28 +50,35 @@

-
-
- - - - - -
+
+ + + + +
@@ -79,29 +86,29 @@

-
diff --git a/options/options.css b/options/options.css index 1d7c4571..e47034de 100644 --- a/options/options.css +++ b/options/options.css @@ -153,11 +153,12 @@ label, } label > :first-child { - margin-right: 8px; - flex-grow: 1; transition: text-shadow .1s; } - +.items:not(.no-stretch) label > :first-child { + margin-right: 8px; + flex-grow: 1; +} label:not([disabled]):hover > :first-child { text-shadow: 0 0 0.01px rgba(0, 0, 0, .25); } @@ -194,27 +195,14 @@ input[type="color"] { height: 2em; } -.iconset { - display: flex; - align-items: center; +input[type=time] { + margin: 0 .5em; + max-width: 7em; /* TODO: remove when strict_min_version >= 57 */ } -.iconset input { - display: block; -} -.iconset input[type="radio"] { - margin: 2px 4px 0 0; -} -.iconset-auto { - width: 48px; -} -.iconset-auto::after { - content: '?'; - background: var(--accent-1); - color: var(--bg); - padding: 1px 4px; - border-radius: 50%; - line-height: 1; - font-weight: bold; + +input[type=radio] { + margin-top: 0; + vertical-align: text-top; } #actions { @@ -306,24 +294,6 @@ html:not(.firefox):not(.opera) #updates { position: relative; } -.radio-group-item { - display: flex; - align-items: center; - line-height: 1.5; -} -.radio-group-item > input[type=radio] { - margin: 0 .5em 0 0; - flex: 0 0 auto; -} -.radio-group-label { - display: block; - margin: 0 0 .3em; -} -input[type=time] { - margin: 0 .5em; - max-width: 7em; /* TODO: remove when strict_min_version >= 57 */ -} - .sync-status { width: 0; /* together with flex-grow makes it reuse the current width */ flex-grow: 1;