From eb68e45c69a41f2e3ffbbdbf295186e531a28d80 Mon Sep 17 00:00:00 2001
From: JesmoDev <jjensenmoeller@gmail.com>
Date: Fri, 3 Jun 2022 10:39:30 +0200
Subject: [PATCH] fixed styling

---
 .../src/installer/installer-database.element.ts | 17 ++++++++++++++---
 .../src/installer/installer-user.element.ts     |  5 +++++
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts b/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts
index f914bd1920..f4c7d82b54 100644
--- a/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/installer/installer-database.element.ts
@@ -27,6 +27,15 @@ export class UmbInstallerDatabase extends UmbContextConsumerMixin(LitElement) {
         flex-direction: column;
       }
 
+      form > uui-form-layout-item {
+        /* margin-bottom: var(--uui-size-layout-2); */
+      }
+
+      uui-form-layout-item {
+        margin-top: 0;
+        margin-bottom: var(--uui-size-space-6);
+      }
+
       uui-input,
       uui-input-password,
       uui-combobox {
@@ -35,7 +44,10 @@ export class UmbInstallerDatabase extends UmbContextConsumerMixin(LitElement) {
 
       hr {
         width: 100%;
-        border-bottom: 1px solid var(--uui-color-divider);
+        margin-top: var(--uui-size-space-2);
+        margin-bottom: var(--uui-size-space-6);
+        border: none;
+        border-bottom: 1px solid var(--uui-color-border);
       }
 
       h1 {
@@ -44,8 +56,7 @@ export class UmbInstallerDatabase extends UmbContextConsumerMixin(LitElement) {
       }
 
       h4 {
-        margin-bottom: 0;
-        margin-top: var(--uui-size-layout-2);
+        margin: 0;
       }
 
       #buttons {
diff --git a/src/Umbraco.Web.UI.Client/src/installer/installer-user.element.ts b/src/Umbraco.Web.UI.Client/src/installer/installer-user.element.ts
index ae226aa1e2..c632578743 100644
--- a/src/Umbraco.Web.UI.Client/src/installer/installer-user.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/installer/installer-user.element.ts
@@ -15,6 +15,11 @@ export class UmbInstallerUser extends UmbContextConsumerMixin(LitElement) {
         height: 100%;
       }
 
+      uui-form-layout-item {
+        margin-top: 0;
+        margin-bottom: var(--uui-size-space-6);
+      }
+
       uui-form {
         height: 100%;
       }