Gjør utseendet mer likt Oversikten

navikt · Jun 28, 2024 · 7dfecf9 · 7dfecf9
1 parent e712fd8
commit 7dfecf9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/component/huskelapp/redigering/huskelapp-redigere-modal.tsx b/src/component/huskelapp/redigering/huskelapp-redigere-modal.tsx
@@ -165,8 +165,10 @@ function HuskelappRedigereModal() {
                 >
                     <Modal.Header>
                         <div className="rediger-huskelapp-modal-header">
-                            <HuskelappIkon aria-hidden className="rediger-huskelapp-modal-header__ikon" />
-                            <Heading size="xsmall">{modalNavn}</Heading>
+                            <HuskelappIkon aria-hidden className="navds-modal__header-icon" />
+                            <Heading size="xsmall" className="rediger-huskelapp-modal-header-tekst">
+                                {modalNavn}
+                            </Heading>
                         </div>
                         <div className="rediger-huskelapp-modal-header">
                             <Heading size="xsmall" level="3">

diff --git a/src/component/huskelapp/redigering/huskelapp-redigering.less b/src/component/huskelapp/redigering/huskelapp-redigering.less
@@ -4,19 +4,19 @@
             60rem,
             100% - 2rem
         ); // max 60rem, men unngå at modalen treff kantane av vindauget på små skjermar
+
         .rediger-huskelapp-modal-header {
             display: flex;
             align-items: center;
 
-            &__ikon {
-                width: 32px;
-                height: 32px;
-            }
-
             &__container {
                 margin-left: 1rem;
             }
         }
+
+        .rediger-huskelapp-modal-header-tekst {
+            margin-left: 0.3rem;
+        }
         .rediger-huskelapp-modal-body {
             padding-bottom: 0;
             overflow: visible; // Gjer at focus-stylinga ikkje vert kutta sjølv om padding-bottom er 0.