Merged in feat/loy-513-update-edit-profile-button-positions (pull request #3447)

feat(LOY-513): Update button positions and simplify css

* Update button positions and simplify css


Approved-by: Matilda Landström

apps/scandic-web/components/Forms/Edit/Profile/form.module.css

@@ -1,14 +1,7 @@
 .container {
-  display: grid;
+  display: flex;
+  flex-direction: column;
   gap: var(--Space-x3);
-  grid-template-areas:
-    "title"
-    "form"
-    "buttons";
-}
-
-.title {
-  grid-area: title;
 }
 
 .welcome {
@@ -19,34 +12,16 @@
   color: var(--Text-Interactive-Default);
 }
 
-.form {
-  display: grid;
-  gap: var(--Space-x5);
-  grid-area: form;
-}
-
 .btnContainer {
   display: flex;
-  flex-direction: column-reverse;
+  flex-direction: column;
   gap: var(--Space-x1);
-  grid-area: buttons;
 }
 
 @media screen and (min-width: 768px) {
-  .container {
-    grid-template-areas:
-      "title buttons"
-      "form form";
-  }
-
-  .form {
-    grid-template-columns: 1fr 1fr;
-  }
-
   .btnContainer {
     align-self: center;
     flex-direction: row;
     gap: var(--Space-x2);
-    justify-self: flex-end;
   }
 }