[Android] Preset size tweakings.

hackademix · hackademix · commit 2f2684d3a798 · 2022-03-28T00:34:34.000+02:00
diff --git a/src/ui/options.css b/src/ui/options.css
@@ -208,6 +208,7 @@ button.add {
   #header > .title {
     margin-right: 6em;
   }
+
 }
 
 .flextabs__content {
diff --git a/src/ui/ui.css b/src/ui/ui.css
@@ -31,7 +31,7 @@
   }
 
   #presets .presets input.preset {
-    min-width: 7em;
+    min-width: 28vw;
   }
 
   #sites .presets input.preset {
@@ -54,15 +54,17 @@
   }
 
   #presets .presets input.preset + label {
-    font-size: 75%;
+    font-size: 60%;
+    --line-scaled: calc(var(--line-size) / 0.6);
     position: absolute !important;
     text-align: left;
     margin: 0px !important;
     display: block !important;
     overflow: visible;
     z-index: 1000;
     bottom: 0px;
-    left: 1em;
+    line-height: var(--line-scaled);
+    left: var(--line-scaled);
     text-shadow: 1px 1px var(--bg-color2), -1px -1px var(--bg-color2);
   }
 

Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`#presets .presets input.preset {`
`34`		`- min-width: 7em;`
	`34`	`+ min-width: 28vw;`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`#sites .presets input.preset {`
`@@ -54,15 +54,17 @@`
`54`	`54`	`}`
`55`	`55`
`56`	`56`	`#presets .presets input.preset + label {`
`57`		`- font-size: 75%;`
	`57`	`+ font-size: 60%;`
	`58`	`+ --line-scaled: calc(var(--line-size) / 0.6);`
`58`	`59`	`position: absolute !important;`
`59`	`60`	`text-align: left;`
`60`	`61`	`margin: 0px !important;`
`61`	`62`	`display: block !important;`
`62`	`63`	`overflow: visible;`
`63`	`64`	`z-index: 1000;`
`64`	`65`	`bottom: 0px;`
`65`		`- left: 1em;`
	`66`	`+ line-height: var(--line-scaled);`
	`67`	`+ left: var(--line-scaled);`
`66`	`68`	`text-shadow: 1px 1px var(--bg-color2), -1px -1px var(--bg-color2);`
`67`	`69`	`}`
`68`	`70`