et ekstra steg

Author: bdahle

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

@@ -120,7 +120,7 @@ $padding: 2rem;
     text-align: center;
     gap: 0.5rem;
     align-items: center;
-    font-size: 2rem;
+    font-size: 1.75rem;
 }
 
 .level2 {
@@ -146,6 +146,7 @@ $padding: 2rem;
 
     border: 3px solid white;
     align-items: center;
+    justify-content: center;
     font-size: 1.5rem;
 }
 
@@ -156,6 +157,8 @@ $padding: 2rem;
 }
 
 .level3Item {
+    display: flex;
+    flex-direction: row;
     background-color: var(--a-lightblue-50);
     border-radius: 0.5rem;
     padding: 0.5rem;
@@ -164,5 +167,22 @@ $padding: 2rem;
     text-align: center;
     border: 3px solid white;
     align-items: center;
+
+    gap: 1rem;
+    font-size: 1.25rem;
+}
+
+.level4 {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.level4Item {
+    background-color: white;
+    border-radius: 0.5rem;
+    padding: 0.5rem;
+    width: 100%;
+    height: 100%;
     font-size: 1rem;
 }

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

@@ -46,12 +46,36 @@ export const FormIntermediateStepPage = (props: FormIntermediateStepPageProps) =
                             <div className={style.level3}>
                                 <div className={style.level3Item}>
                                     Send digitalt uten å logge inn
+                                    <div className={style.level4}>
+                                        <div className={style.level4Item}>
+                                            Søke om alderspensjon
+                                        </div>
+                                        <div className={style.level4Item}>
+                                            Søke om AFP i privat sektor (afp.no)
+                                        </div>
+                                    </div>
                                 </div>
                                 <div className={style.level3Item}>
                                     Fyll ut digitalt og send i posten
+                                    <div className={style.level4}>
+                                        <div className={style.level4Item}>
+                                            Søke om alderspensjon
+                                        </div>
+                                        <div className={style.level4Item}>
+                                            Søke om AFP i privat sektor (afp.no)
+                                        </div>
+                                    </div>
                                 </div>
                                 <div className={style.level3Item}>
                                     Fyll ut papirsøknad og send i posten
+                                    <div className={style.level4}>
+                                        <div className={style.level4Item}>
+                                            Søke om alderspensjon
+                                        </div>
+                                        <div className={style.level4Item}>
+                                            Søke om AFP i privat sektor (afp.no)
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
                         </div>