Referansesider: dagoversikten tweaks to MiniTag

navikt · Oct 11, 2024 · 7fa7719 · 7fa7719
1 parent bc1b9fd
commit 7fa7719
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/examples/referansesider/src/components/MiniTag.tsx b/examples/referansesider/src/components/MiniTag.tsx
@@ -55,7 +55,7 @@ export const MiniTag = styled.span<{
 }>`
   font-variant-caps: all-small-caps;
   display: inline-block;
-  width: fit-content;
+  width: 1.5em;
   height: fit-content;
   background-color: ${(prop) => bgMap[prop.$variant]};
   color: ${(prop) => fgMap[prop.$variant]};
@@ -65,8 +65,9 @@ export const MiniTag = styled.span<{
   }}
   padding-inline: 3px;
   padding-block: 0px;
-  line-height: 16px;
+  line-height: 18px;
   font-size: 16px;
   border-radius: 3px;
   margin: 3px;
+  text-align: center;
 `;
diff --git a/examples/referansesider/src/routes/dagoversikten.tsx b/examples/referansesider/src/routes/dagoversikten.tsx
@@ -210,15 +210,15 @@ const RightSide = () => {
         <ScSmallCaps $font-weight="normal" className="text-xl">
           Historikk
         </ScSmallCaps>
-        <ScBordered className="flex p-2 border-b">
+        <ScBordered className="flex p-2 border-b gap-1">
           <MiniTag $variant="warning">IM</MiniTag>
           <div className="flex flex-col">
             <span>Inntektsmelding mottatt</span>
             <ScTextSubtle className="text-sm">19.11.2022 kl 12.05</ScTextSubtle>
           </div>
         </ScBordered>
-        <ScBordered className="flex p-2 border-b">
-          <MiniTag $variant="info">IM</MiniTag>
+        <ScBordered className="flex p-2 border-b gap-1">
+          <MiniTag $variant="info">SØ</MiniTag>
           <div className="flex flex-col">
             <span>Søknad mottatt</span>
             <ScTextSubtle className="text-sm">19.11.2022 kl 12.05</ScTextSubtle>