From 8a39a7c8eef518fcab05fc8957e9ca9fcd175d1a Mon Sep 17 00:00:00 2001 From: Kayla Glick Date: Mon, 18 Mar 2024 22:17:06 -0400 Subject: [PATCH] small style tweak --- ui/scss/core/components/_input.scss | 91 ++++++++++--------- .../shared/_bootstrap_style_overrides.scss | 2 +- 2 files changed, 47 insertions(+), 46 deletions(-) diff --git a/ui/scss/core/components/_input.scss b/ui/scss/core/components/_input.scss index 202878f322..301bd523ce 100644 --- a/ui/scss/core/components/_input.scss +++ b/ui/scss/core/components/_input.scss @@ -1,59 +1,60 @@ -@use "sass:map"; +@use 'sass:map'; .input-root { - width: 100%; - margin-bottom: $block-spacer; - display: flex; - flex-direction: column; - align-items: flex-start; - - &.disabled { - filter: opacity(0.5); - } - - &:not(.input-inline) { - label { - white-space: nowrap; - } - } + width: 100%; + margin-bottom: $block-spacer; + display: flex; + flex-direction: column; + align-items: flex-start; + + &.disabled { + filter: opacity(0.5); + } + + &:not(.input-inline) { + label { + white-space: nowrap; + } + } } .input-inline { - flex-direction: row; - justify-content: space-between; - align-items: center; - - label { - margin-right: map-get($spacers, 1); - } - - input, select { - width: 5rem; - } + flex-direction: row; + justify-content: space-between; + align-items: center; + + label { + margin-right: map-get($spacers, 2); + } + + input, + select { + width: 5rem; + } } .picker-group { - width: 100%; - display: flex; + width: 100%; + display: flex; - &> * { - flex: 1; + & > * { + flex: 1; - &:not(:last-child) { - margin-right: map-get($spacers, 3); - } - } + &:not(:last-child) { + margin-right: map-get($spacers, 3); + } + } } @include media-breakpoint-down(xl) { - .picker-group { - width: 100%; - flex-wrap: wrap; - - &> * { - &:nth-child(2n) { - margin-right: 0 !important; - } - } - } + .picker-group { + width: 100%; + flex-wrap: wrap; + + & > * { + &:nth-child(2n) { + margin-right: 0 !important; + } + } + } } diff --git a/ui/scss/shared/_bootstrap_style_overrides.scss b/ui/scss/shared/_bootstrap_style_overrides.scss index 13ce604755..573205e73d 100644 --- a/ui/scss/shared/_bootstrap_style_overrides.scss +++ b/ui/scss/shared/_bootstrap_style_overrides.scss @@ -40,7 +40,7 @@ } .form-label { - margin-left: map-get($spacers, 1); + margin-left: map-get($spacers, 2); } }