💄 Gjort endringer på Modal layout og lagt til header på redigering

frontend/src/components/FeilModal.tsx

@@ -11,7 +11,7 @@ interface modalInterface {
 const FeilModal = (props: modalInterface) => {
     return(                  
         <Modal
-            className="w-3/5 p-5"
+            className="w-3/5 min-w-2/4 p-5"
             open={props.open}
             aria-label={" modal"}
             onClose={() => props.setOpen(false)}

frontend/src/components/FeilmeldingsInnhold.tsx

@@ -2,11 +2,12 @@ import { PencilIcon, XMarkIcon } from "@navikt/aksel-icons"
 import { Button } from "@navikt/ds-react"
 import { FeilmeldingsInnholdInterface } from "../interface"
 import FeilkortHeader from "./FeilkortHeader"
+import Skillelinje from "./Skillelinje"
 
 const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
     return(
-        <div>
-            <div className="flex justify-between">
+        <>
+            <div className="flex justify-between ">
                 <FeilkortHeader
                     id={props.id}
                     tittel={props.tittel}
@@ -27,15 +28,15 @@ const FeilmeldingsInnhold = (props: FeilmeldingsInnholdInterface) => {
                         onClick={() => {
                             props.setVisModal(false)
                             props.setRedigeringsmodus(false)
-                        } }
+                        }}
                     >
                         Lukk
                     </Button>
                 </div>
             </div>
-            <div className="h-2 bg-gray-200 my-4 rounded-lg"></div>
+            <Skillelinje/>
             {props.children}
-        </div>
+        </>
     )
 }
 export default FeilmeldingsInnhold;

frontend/src/components/RedigeringsVerktoy.tsx

@@ -42,8 +42,12 @@ const RedigeringsVerktoy = (props: redigeringsInterface) => {
     }
 
     return (
-        <div className="flex flex-col gap-12">
-            <div className="flex flex-col gap-4">
+        <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/>}