From 6ae18a27726c9202eadc7a34ecadfd2abe7d4e44 Mon Sep 17 00:00:00 2001
From: gunnsteingarmo <gunnstein.hoj.garmo@nav.no>
Date: Tue, 27 Aug 2024 10:30:06 +0200
Subject: [PATCH] style(endringslogg): gjort ikon mindre, midtstilt bedre

Gjort ikonet mindre
---
 packages/familie-endringslogg/src/endringslogg.css    | 11 +++++------
 .../src/icons/endringslogg-icon.tsx                   |  4 ++--
 packages/familie-header/header.stories.tsx            |  8 ++++++++
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/packages/familie-endringslogg/src/endringslogg.css b/packages/familie-endringslogg/src/endringslogg.css
index 83a617aa8..d37b08bac 100644
--- a/packages/familie-endringslogg/src/endringslogg.css
+++ b/packages/familie-endringslogg/src/endringslogg.css
@@ -1,6 +1,7 @@
 .endringslogg {
-  width: fit-content;
-  position: relative;
+  display: flex;
+  align-self: center;
+  margin-right: 1.25rem;
 }
 
 .collapse-header {
@@ -137,12 +138,10 @@
   float: left;
 }
 .endringslogg-dropDown {
-  padding: 0.2rem;
   outline: transparent;
   border: none;
   cursor: pointer;
   background-color: transparent;
-  margin-top: 0.2rem;
 }
 .endringslogg-dropDown:focus {
   fill: var(--a-surface-action);
@@ -211,8 +210,8 @@
 }
 .ring-container {
   position: relative;
-  bottom: 46px;
-  left: 31px;
+  bottom: 460px;
+  left: 22px;
 }
 .circle {
   width: 1.2rem;
diff --git a/packages/familie-endringslogg/src/icons/endringslogg-icon.tsx b/packages/familie-endringslogg/src/icons/endringslogg-icon.tsx
index cb1eca497..ca4f8d6f6 100644
--- a/packages/familie-endringslogg/src/icons/endringslogg-icon.tsx
+++ b/packages/familie-endringslogg/src/icons/endringslogg-icon.tsx
@@ -18,8 +18,8 @@ const EndringsloggIkon: React.FC<Props> = ({ className, height, width, stil = 'm
     <svg
         data-name="Layer 1"
         className={className}
-        height={height || '40'}
-        width={width || '40'}
+        height={height || '32'}
+        width={width || '32'}
         xmlns="http://www.w3.org/2000/svg"
         viewBox="0 0 32 32"
     >
diff --git a/packages/familie-header/header.stories.tsx b/packages/familie-header/header.stories.tsx
index bf65c9e1f..2ac72078a 100644
--- a/packages/familie-header/header.stories.tsx
+++ b/packages/familie-header/header.stories.tsx
@@ -10,6 +10,7 @@ import {
 } from '@navikt/familie-typer';
 import { BodyShort } from '@navikt/ds-react';
 import { idnr } from '@navikt/fnrvalidator';
+import { Endringslogg } from '@navikt/familie-endringslogg';
 
 export default {
     component: Header,
@@ -142,6 +143,13 @@ export const HeaderOgSøk: React.FC = ({ ...args }) => {
                         console.log('Du har klikket på et av resultatene', x);
                     }}
                 />
+                <Endringslogg
+                    userId={'23452345fdbsssssh1234' + new Date()}
+                    appId={'EF'}
+                    backendUrl={'https://familie-endringslogg.intern.dev.nav.no/'}
+                    appName={'Enslig forsørger'}
+                    stil="lys"
+                />
             </Header>
 
             <div>