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

@@ -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 {

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;