From 902c28629737567075c30127f784190a9b2464ae Mon Sep 17 00:00:00 2001 From: miguel <31931809+miguelvaca@users.noreply.github.com> Date: Thu, 27 Apr 2023 23:52:56 +1000 Subject: [PATCH] Fix radio-button layout --- magloop.css | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/magloop.css b/magloop.css index 3caa6b1..29e2805 100644 --- a/magloop.css +++ b/magloop.css @@ -57,8 +57,8 @@ section div.sliders { } section div.radios { - width: 100%; - height: 100%; + width: auto; + height: auto; background: rgb(255, 255, 255); margin: 0px; padding: 0px; @@ -68,18 +68,24 @@ section div.radios { flex-direction: row; } -div label { +section div.sliders label { background:white; display: inline-block; - width: 12%; + width: 8%; font-size: small; text-align: right; } +section div.sliders input { + background:lightgrey; + display: inline-block; + width: 90%; +} + div input { background:lightgrey; display: inline-block; - width: 85%; + width: 7%; } section div.antennaSide-container { @@ -145,7 +151,7 @@ section div.antennaSide-container { section.gridLayoutClass { display: grid; grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr) 160px 300px; + grid-template-rows: repeat(2, 1fr) 190px 300px; justify-items: stretch; }