From d00e54ad26f0f008254de1dda54820f938d44221 Mon Sep 17 00:00:00 2001 From: Christopher Willis-Ford <7019101+cwillisf@users.noreply.github.com> Date: Tue, 5 Jan 2021 16:46:57 -0800 Subject: [PATCH] fix radio buttons in RTL --- src/components/telemetry-modal/telemetry-modal.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/src/components/telemetry-modal/telemetry-modal.css b/src/components/telemetry-modal/telemetry-modal.css index 06d1e968c..9b1f5e8cc 100644 --- a/src/components/telemetry-modal/telemetry-modal.css +++ b/src/components/telemetry-modal/telemetry-modal.css @@ -58,9 +58,8 @@ $ui-gray: hsla(0, 0%, 95%, 1); background-color: $ui-gray; border-radius: .5rem; margin: 0 auto 0.375rem; - padding-left: 0.8125rem; align-items: center; - padding: 1rem; + padding: 1rem 0; vertical-align: middle; } @@ -74,7 +73,7 @@ $ui-gray: hsla(0, 0%, 95%, 1); } .radioButtons input[type="radio"] { - margin: -1px 0.75rem 1px 0; + margin: -1px 0.75rem 1px; border: 1px solid $active-gray; border-radius: 50%; width: 1rem; @@ -98,7 +97,7 @@ $ui-gray: hsla(0, 0%, 95%, 1); .radioButtons input[type="radio"]:checked::after { display: block; - transform: translate(.125rem, .125rem); + margin: 0.125rem; border-radius: 50%; background-color: $motion-primary; width: .625rem; -- GitLab