From 9352aa5a6c7be57a8f073b2ba0ed1c56195139b4 Mon Sep 17 00:00:00 2001 From: Arvid Norlin Date: Wed, 5 Jun 2024 13:54:23 +0200 Subject: [PATCH] fix: readjust some styles --- .../TempDesignSystem/Form/Select/select.module.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/components/TempDesignSystem/Form/Select/select.module.css b/components/TempDesignSystem/Form/Select/select.module.css index 33c520be2..e561498b4 100644 --- a/components/TempDesignSystem/Form/Select/select.module.css +++ b/components/TempDesignSystem/Form/Select/select.module.css @@ -13,7 +13,7 @@ .select { display: flex; flex-direction: column; - gap: 0.4rem; + gap: var(--Spacing-x-half); border: 1px solid var(--Base-Border-Normal); border-radius: var(--Corner-radius-Medium); } @@ -26,14 +26,14 @@ .input { display: flex; align-items: center; - gap: 0.4rem; + gap: var(--Spacing-x-half); background-color: var(--Scandic-Opacity-White-100); border: none; border-radius: var(--Corner-radius-Medium); color: var(--Base-Text-UI-High-contrast); - height: 5.6rem; + height: 56px; font-family: var(--ff-fira-sans); - font-size: 1.6rem; + font-size: var(--typography-Body-Regular-fontSize); font-weight: 400; letter-spacing: var(--typography-Body-Regular-letterSpacing); line-height: 100%; @@ -46,7 +46,8 @@ display: flex; flex-direction: column; align-items: flex-start; - gap: 0.6rem; + /*6px in Figma but not available as variable*/ + gap: var(--Spacing-x-half); flex: 1 0 0; }