fix: readjust some styles

This commit is contained in:
Arvid Norlin
2024-06-05 13:54:23 +02:00
parent aef029f9d9
commit 9352aa5a6c
@@ -13,7 +13,7 @@
.select { .select {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.4rem; gap: var(--Spacing-x-half);
border: 1px solid var(--Base-Border-Normal); border: 1px solid var(--Base-Border-Normal);
border-radius: var(--Corner-radius-Medium); border-radius: var(--Corner-radius-Medium);
} }
@@ -26,14 +26,14 @@
.input { .input {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.4rem; gap: var(--Spacing-x-half);
background-color: var(--Scandic-Opacity-White-100); background-color: var(--Scandic-Opacity-White-100);
border: none; border: none;
border-radius: var(--Corner-radius-Medium); border-radius: var(--Corner-radius-Medium);
color: var(--Base-Text-UI-High-contrast); color: var(--Base-Text-UI-High-contrast);
height: 5.6rem; height: 56px;
font-family: var(--ff-fira-sans); font-family: var(--ff-fira-sans);
font-size: 1.6rem; font-size: var(--typography-Body-Regular-fontSize);
font-weight: 400; font-weight: 400;
letter-spacing: var(--typography-Body-Regular-letterSpacing); letter-spacing: var(--typography-Body-Regular-letterSpacing);
line-height: 100%; line-height: 100%;
@@ -46,7 +46,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
gap: 0.6rem; /*6px in Figma but not available as variable*/
gap: var(--Spacing-x-half);
flex: 1 0 0; flex: 1 0 0;
} }