From 1ce8fa75618175dde4fc17dc3d12f608dcff778a Mon Sep 17 00:00:00 2001
From: Markus Johansen <markus.aleksander.rakil.johansen@nav.no>
Date: Thu, 6 Jul 2023 16:23:31 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Stilendringer=20p=C3=A5=20hoveds?=
 =?UTF-8?q?ide?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Sindre Kjelsrud <sindre.kjelsrud@nav.no>
---
 frontend/pages/feil/index.tsx | 105 ++++++++++++++++++----------------
 frontend/pages/index.tsx      |   6 +-
 2 files changed, 58 insertions(+), 53 deletions(-)

diff --git a/frontend/pages/feil/index.tsx b/frontend/pages/feil/index.tsx
index 3e1ffe1..19fd690 100644
--- a/frontend/pages/feil/index.tsx
+++ b/frontend/pages/feil/index.tsx
@@ -22,59 +22,64 @@ export default function Feil() {
     }
 
     return (
-        <main className="flex h-screen">
-            <div className="w-1/4 bg-bg-subtle"></div>
-            <div className="flex flex-col justify-center gap-32 p-16 grow">
-                <div className="w-1/2 flex flex-col gap-4 justify-center">
-                    <BugIcon
-                        title="Insekts ikon"
-                        fontSize="3rem"
-                    />
-                    <Heading
-                        level="1"
-                        size="xlarge"
-                    >
-                        Innmelding av feil i speil
-                    </Heading>
-                </div>
-                <div className="w-1/2 flex flex-col gap-4 justify-center">
-                    <TextField
-                        label="Tittel"
-                        description="En kort oppsummering av problemet"
-                        onChange={e => setTittel(e.target.value)}
-                    />
-                    <Textarea
-                        label="Beskrivelse"
-                        description="Detaljert beskrivelse av problemet"
-                        onChange={e => setBeskrivelse(e.target.value)}
-                    />
+        <main className="flex flex-col h-screen">
+                  
+            <div className="h-12 bg-gray-900"></div>
 
-                    <Button
-                        variant="secondary"
-                        icon={<UploadIcon />}
-                    >
-                        Last opp skjermbilder
-                    </Button>
+            <div className="flex grow">
+                <div className="w-1/4 bg-bg-subtle"></div>
+                <div className="flex flex-col justify-center gap-32 p-16 grow">
+                    <div className="w-1/2 flex flex-col gap-4 justify-center">
+                        <BugIcon
+                            title="Insekts ikon"
+                            fontSize="3rem"
+                        />
+                        <Heading
+                            level="1"
+                            size="xlarge"
+                        >
+                            Innmelding av feil i speil
+                        </Heading>
+                    </div>
+                    <div className="w-1/2 flex flex-col gap-4 justify-center">
+                        <TextField
+                            label="Tittel"
+                            description="En kort oppsummering av problemet"
+                            onChange={e => setTittel(e.target.value)}
+                        />
+                        <Textarea
+                            label="Beskrivelse"
+                            description="Detaljert beskrivelse av problemet"
+                            onChange={e => setBeskrivelse(e.target.value)}
+                        />
+
+                        <Button
+                            variant="secondary"
+                            icon={<UploadIcon />}
+                        >
+                            Last opp skjermbilder
+                        </Button>
+                    </div>
+                    <div className="w-1/2 flex flex-col gap-2 justify-center">
+                        <Button
+                            onClick={handleSubmit}
+                            variant="primary"
+                        >
+                            Meld inn feil
+                        </Button>
+                        <Button
+                            variant="tertiary"
+                            icon={<ArrowLeftIcon />}
+                            onClick={() => {
+                                router.push('/')
+                            }}
+                        >
+                            Gå tilbake til hovedmenyen
+                        </Button>
+                    </div>                
                 </div>
-                <div className="w-1/2 flex flex-col gap-2 justify-center">
-                    <Button
-                        onClick={handleSubmit}
-                        variant="primary"
-                    >
-                        Meld inn feil
-                    </Button>
-                    <Button
-                        variant="tertiary"
-                        icon={<ArrowLeftIcon />}
-                        onClick={() => {
-                            router.push('/')
-                        }}
-                    >
-                        Gå tilbake til hovedmenyen
-                    </Button>
-                </div>                
+                <div className="w-1/4 bg-bg-subtle"></div>
             </div>
-            <div className="w-1/4 bg-bg-subtle"></div>
         </main>
     )
 }
\ No newline at end of file
diff --git a/frontend/pages/index.tsx b/frontend/pages/index.tsx
index 7007278..35a3d9f 100644
--- a/frontend/pages/index.tsx
+++ b/frontend/pages/index.tsx
@@ -11,7 +11,7 @@ export default function Home() {
 
   return (
     <main className="flex flex-col h-screen">
-      <nav className="h-12 bg-gray-900"></nav>
+      <div className="h-12 bg-gray-900"></div>
 
       <div className="flex justify-center grow">
         <div className="bg-bg-subtle w-1/6 p-8 flex flex-col justify-end">
@@ -30,7 +30,7 @@ export default function Home() {
           </div>
         </div>
 
-        <div className="p-8">
+        <div className="p-8 grow flex gap-8 flex-col">
           <Search
             label="Søk gjennom innmeldte feil (nøkkelord, tags, status)"
             variant="primary"
@@ -40,7 +40,7 @@ export default function Home() {
             level="1" 
             size="medium"
           >
-            Innmeldte feil (saker, feilmeldingerm poster, feil)
+            Innmeldte feil (saker, feilmeldinger poster, feil)
           </Heading>
           <div className="grid grid-cols-2 gap-4">
             <FeilCard />