Merge branch 'main' into fiksKommentar

frontend/src/components/FeilmeldingsInnhold.tsx

@@ -6,7 +6,6 @@ import { useState } from "react"
 import Skillelinje from "./Skillelinje"
 import axios from "axios"
 
-
 const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
     const [kommentar, setKommentar] = useState(props.kommentar ? props.kommentar : "") 
     const [kommentarfelt, setKommentarfelt] = useState("") 
@@ -35,8 +34,8 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
     }
 
     return(
-        <div>
-            <div className="flex justify-between">
+        <>
+            <div className="flex justify-between ">
                 <FeilkortHeader
                     id={props.id}
                     tittel={props.tittel}
@@ -57,7 +56,7 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
                         onClick={() => {
                             props.setVisModal(false)
                             props.setRedigeringsmodus(false)
-                        } }
+                        }}
                     >
                         Lukk
                     </Button>
@@ -71,14 +70,15 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
                     setKommentarfelt={setKommentarfelt}
                     oppdaterKommentar={() => {
                         setKommentar(kommentarfelt)
-                        oppdaterkommentar()}}
+                        oppdaterkommentar()}
+                    }
                 /> 
                     : 
                 <Kommentar 
                     tekst={kommentar}
                 />
             }
-        </div>
+      </>
     )
 }
 export default FeilmeldingsInnhold;

frontend/src/components/RedigeringsVerktoy.tsx

@@ -42,8 +42,12 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
     }
 
     return (
-        <div className="flex justify-between">
-            <div className="flex flex-col gap-4 w-1/2">
+        <div className="flex flex-col gap-12 items-center px-12">
+
+            <div className="flex flex-col gap-6 w-full">
+            <Heading className="" size="large">
+                Rediger feil
+            </Heading>
                 <TextField 
                     label="Tittel"
                     value={tittel}
@@ -65,14 +69,16 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
                     <Radio value={2}>Feilen er fikset</Radio>
                 </RadioGroup>
                 <Skillelinje/>
-                <Heading size="xsmall">
-                    Haster det å fikse feilen?
-                </Heading>
-                <Switch checked={haster} onClick={() => setHaster(!haster)}>
-                    Feilen haster
-                </Switch>
+                <div>
+                    <Heading size="xsmall">
+                        Haster det å fikse feilen?
+                    </Heading>
+                    <Switch checked={haster} onClick={() => setHaster(!haster)}>
+                        Feilen haster
+                    </Switch>
+                </div>
             </div>
-            <div className="flex gap-4 items-start">
+            <div className="flex gap-4 items-start w-full">
                 <Button
                     variant="primary"
                     icon={<FloppydiskIcon/>}

frontend/src/components/Skillelinje.tsx

@@ -2,7 +2,7 @@
 
 const Skillelinje = () => {
     return (
-        <div className="h-1 bg-gray-200 my-4 rounded-lg w-full"></div>
+        <div className="h-1 bg-gray-200 my-3 rounded-lg w-full"></div>
     )
 }
 export default Skillelinje

frontend/src/pages/feil.tsx

@@ -63,7 +63,7 @@ export default function Feil() {
             <Header/>
             <div className="flex grow">
                 <div className="w-1/4 bg-bg-subtle"></div>
-                <div className="flex flex-col justify-center gap-16 p-8 px-16  grow">
+                <div className="flex flex-col justify-center gap-8 p-8 px-16  grow">
                     <div className=" flex flex-col gap-2 justify-center">
                         <BugIcon
                             title="Insekts ikon"
@@ -88,12 +88,15 @@ export default function Feil() {
                         />
                         <Skillelinje/>
                         <BildeOpplastning/>
+                        <Skillelinje/>
+                        <Heading size="xsmall">
+                            Haster det å fikse feilen?
+                        </Heading>
                         <Switch 
                             onClick={() => setHaster(!haster)}
                         >
                             Saken Haster
                         </Switch>
-                        <Skillelinje/>
                     </div>