gjør om til venstre mot høyre

Author: bdahle

packages/nextjs/src/components/pages/form-intermediate-step-page/FormIntermediateStepPage.module.scss

@@ -114,49 +114,55 @@ $padding: 2rem;
 
 .level1Item {
     display: flex;
-    flex-direction: column;
-    background-color: var(--a-lightblue-50);
+    background-color: var(--a-lightblue-200);
     border-radius: 0.5rem;
     padding: 0.5rem;
     text-align: center;
     gap: 0.5rem;
+    align-items: center;
+    font-size: 2rem;
 }
 
 .level2 {
     display: flex;
+    flex-direction: column;
     gap: 1rem;
     justify-content: space-between;
 }
 
 .level2Item {
     display: flex;
-    flex-direction: column;
     background-color: lightgray;
     background-color: var(--a-lightblue-100);
 
     padding: 0.5rem;
     border-radius: 0.5rem;
     width: 100%;
-    gap: 0.5rem;
+    gap: 1rem;
 
     text-align: center;
 
     height: 100%;
 
     border: 3px solid white;
+    align-items: center;
+    font-size: 1.5rem;
 }
 
 .level3 {
     display: flex;
+    flex-direction: column;
     gap: 1rem;
 }
 
 .level3Item {
-    background-color: var(--a-lightblue-200);
+    background-color: var(--a-lightblue-50);
     border-radius: 0.5rem;
     padding: 0.5rem;
     width: 100%;
     height: 100%;
     text-align: center;
     border: 3px solid white;
+    align-items: center;
+    font-size: 1rem;
 }

packages/nextjs/src/components/pages/form-intermediate-step-page/FormIntermediateStepPage.tsx

@@ -35,30 +35,30 @@ export const FormIntermediateStepPage = (props: FormIntermediateStepPageProps) =
 
     return (
         <>
-            {props.editorView === 'edit' && (
-                <div className={style.level1}>
-                    <div className={style.level1Item}>
-                        Søknad om alderspensjon og AFP i privat sektor
-                        <div className={style.level2}>
-                            <div className={style.level2Item}>Logg inn og send digitalt</div>
-                            <div className={style.level2Item}>
-                                Kan ikke logge inn
-                                <div className={style.level3}>
-                                    <div className={style.level3Item}>
-                                        Send digitalt uten å logge inn
-                                    </div>
-                                    <div className={style.level3Item}>
-                                        Fyll ut digitalt og send i posten
-                                    </div>
-                                    <div className={style.level3Item}>
-                                        Fyll ut papirsøknad og send i posten
-                                    </div>
+            {/* {props.editorView === 'edit' && ( */}
+            <div className={style.level1}>
+                <div className={style.level1Item}>
+                    Søknad om alderspensjon og AFP i privat sektor
+                    <div className={style.level2}>
+                        <div className={style.level2Item}>Logg inn og send digitalt</div>
+                        <div className={style.level2Item}>
+                            Kan ikke logge inn
+                            <div className={style.level3}>
+                                <div className={style.level3Item}>
+                                    Send digitalt uten å logge inn
+                                </div>
+                                <div className={style.level3Item}>
+                                    Fyll ut digitalt og send i posten
+                                </div>
+                                <div className={style.level3Item}>
+                                    Fyll ut papirsøknad og send i posten
                                 </div>
                             </div>
                         </div>
                     </div>
                 </div>
-            )}
+            </div>
+            {/* )} */}
             <div className={style.formIntermediateStepPage}>
                 <div className={style.pictogram}>
                     <IllustrationStatic illustration={illustration} />