From 8b9585398ef81aeaf2f90d2e2dddd4d4febeb9ac Mon Sep 17 00:00:00 2001
From: John Kilmister <blueboxes@users.noreply.github.com>
Date: Mon, 23 Nov 2020 06:07:47 +0000
Subject: [PATCH] Issue 8353 - Fix of issue that caused small screens labels
 alignment (#9047)

* Issue 8353 - Fix of issue that caused on small screens labels to be right aligned dispite being on own line

* Issue 8353 Support smaller screens
---
 src/Umbraco.Web.UI.Client/src/less/forms.less     | 1 +
 src/Umbraco.Web.UI.Client/src/less/installer.less | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/forms.less b/src/Umbraco.Web.UI.Client/src/less/forms.less
index 76c5af8819..90b2dbe37e 100644
--- a/src/Umbraco.Web.UI.Client/src/less/forms.less
+++ b/src/Umbraco.Web.UI.Client/src/less/forms.less
@@ -818,6 +818,7 @@ legend + .control-group {
   // Labels on own row
   .form-horizontal .control-label {
     float:none;
+    text-align: inherit;
     width: 100%;
   }
   .form-horizontal .controls {
diff --git a/src/Umbraco.Web.UI.Client/src/less/installer.less b/src/Umbraco.Web.UI.Client/src/less/installer.less
index 4e24161e59..9ce519186a 100644
--- a/src/Umbraco.Web.UI.Client/src/less/installer.less
+++ b/src/Umbraco.Web.UI.Client/src/less/installer.less
@@ -57,7 +57,8 @@ body {
 #installer {
     margin: auto;
     background: @white;
-    width: 750px;
+    width: 80%;
+    max-width: 750px;
     height: 600px;
     text-align: left;
     padding: 30px;