FO-2772: Justering på styling

Author: matiasvinjevoll

src/components/user-table/body/user-table-body.less

@@ -13,24 +13,20 @@
 
 .user-table-row {
   display: grid;
-  grid-template-columns: repeat(3, 2fr) 3fr repeat(3, 2fr) 1fr 200px;
+  grid-template-columns: 2.5fr repeat(2, 2fr) 3fr repeat(3, 2fr) 1fr 200px;
   justify-items: start;
-  padding: 1.3rem 0 1.7rem 0;
-
-  & > {
-    padding-left: 7px;
-  }
+  padding: 1.25rem 0 1.75rem 7px;
 
   text-align: center;
 
   align-items: end;
 
-  &__status {
+  .status {
     display: grid;
     grid-template-columns: 2rem auto;
     align-items: end;
     .status_ikon {
-      max-width: 1.6rem;
+      max-width: 26px;
     }
 
   }

src/components/user-table/body/user-table-row.tsx

@@ -50,7 +50,7 @@ const UtkastStatusData = (props: { status: UtkastStatus }) => {
 			break;
 	}
 	return (
-		<span className={'user-table-row__status'}>
+		<span className={'status'}>
 			<img className={'status_ikon'} src={statusIkon} alt={'status ikon'} />
 		<Normaltekst>{mapBrukerStatusTilTekst(props.status)}</Normaltekst>
 	</span>);

src/components/user-table/header/user-table-header.less

@@ -2,7 +2,7 @@
 
 .user-table-header {
   display: grid;
-  grid-template-columns: repeat(3, 2fr) 3fr repeat(3, 2fr) 1fr 200px;
+  grid-template-columns: 2.5fr repeat(2, 2fr) 3fr repeat(3, 2fr) 1fr 200px;
   justify-items: start;
   padding-bottom: 1rem;
   border-bottom: 1px solid @navGra60;