frontend: limit toggle layout in scaled up version

Toggles in responsive mode looked broken if Android Font size is
increased.

This can be simulated by changing the font-size on the root HTML
element to 150%.

Author: thisconnect

frontends/web/src/components/toggle/toggle.module.css

@@ -3,14 +3,17 @@
   flex-shrink: 0;
   margin: 0;
   min-height: var(--item-height-xsmall);
+  height: min(2.4rem, 28px);
   position: relative;
   width: 60px;
 }
 
 .container input {
-  height: 0;
-  opacity: 0;
-  width: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  width: 1px;
 }
 
 .container input[disabled] + .slider {
@@ -35,7 +38,7 @@
   border-radius: 2px;
   bottom: 4px;
   content: "";
-  height: 16px;
+  height: min(1.6rem, 20px);
   left: 4px;
   position: absolute;
   width: 26px;