MAGETWO-43072: Style issues in Web Setup Wizard

- Fixes after merge with mainline

Author: Evgeniy Kolesov

app/design/adminhtml/Magento/backend/web/app/setup/styles/less/components/_navigation-bar.less

@@ -40,11 +40,12 @@
 //  ---------------------------------------------
 
 .nav {
+    .extend__clearer();
     background-color: @nav__background-color;
     border-bottom: 1px solid @nav__border-color;
     border-top: 1px solid @nav__border-color;
-    .extend__clearer();
     display: none;
+    margin-bottom: @nav-bar__indent-top;
     padding: @nav-bar-dot__size @nav__indent-right 0 0;
 }
 

app/design/adminhtml/Magento/backend/web/app/setup/styles/less/components/tooltips/_tooltips.less

@@ -54,6 +54,9 @@
         margin-left: -(@tooltip-arrow__size / 2);
         padding: 0 @tooltip-arrow__size;
     }
+    p:last-child {
+        margin-bottom: 0;
+    }
 }
 
 //  Wrapper for the tooltip content

app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/_buttons.less

@@ -113,8 +113,7 @@
         );
         color: @btn-prime__color;
     }
-    &:active,
-    &:focus {
+    &:active {
         .lib-background-gradient(
         @_background-gradient: true,
         @_background-gradient-direction: horizontal,

app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/_structures.less

@@ -3,6 +3,9 @@
 //  * See COPYING.txt for license details.
 //  */
 
+body:not([class]) {
+    min-width: 0;
+}
 .container {
     display: block;
     margin: 0 auto 4rem;

app/design/adminhtml/Magento/backend/web/app/setup/styles/less/lib/_variables.less

@@ -156,7 +156,7 @@
 //  ---------------------------------------------
 
 @container__width: 100rem;
-@container__indent: 2rem;
+@container__indent: 0;
 
 @content__indent: @indent__l;
 

app/design/adminhtml/Magento/backend/web/app/setup/styles/less/pages/_readiness-check.less

@@ -10,14 +10,20 @@
 //  Sizes
 
 @readiness-check-side__width: 22rem;
-@readiness-check-content__indent: 7.5rem;
+@readiness-check-content__indent: 5.7rem;
 
 //
 //  Common
 //  ---------------------------------------------
 
 .readiness-check-item {
     margin-bottom: 4rem;
+    min-height: 2.5rem;
+    .spinner {
+        font-size: 2.5rem;
+        float: left;
+        margin: -.4rem 0 0 1.7rem;
+    }
 }
 
 .readiness-check-title {
@@ -49,7 +55,7 @@
 
 .readiness-check-icon {
     float: left;
-    margin-left: 2rem;
+    margin-left: 1.7rem;
     margin-top: .7rem;
 }
 

app/design/adminhtml/Magento/backend/web/app/setup/styles/less/setup.less

@@ -98,7 +98,6 @@
 //  Updater pages
 @import '../../../updater/styles/less/pages/_common.less';
 @import '../../../updater/styles/less/pages/_home.less';
-@import '../../../updater/styles/less/pages/_readiness-check.less';
 @import '../../../updater/styles/less/pages/_component-manager.less';
 @import '../../../updater/styles/less/pages/_login.less';
 

app/design/adminhtml/Magento/backend/web/app/updater/styles/less/pages/_readiness-check.less

@@ -6,27 +6,27 @@
 ?>
 
 <section class="home-page-inner-wrap ng-scope">
-    <p class="upgrade-home-title">
+    <p class="setup-home-title">
         Welcome to the Magento Setup Tool. Please choose a task below.
     </p>
 
     <div class="row" style="padding-left: 145px;" >
         <div class="col-m-4">
-            <a href="" class="upgrade-home-item upgrade-home-item-component" ui-sref="root.update">
-                <span class="upgrade-home-item-title">Component Manager</span>
-                <span class="upgrade-home-item-description">I want to manage my packages and modules.</span>
+            <a href="" class="setup-home-item setup-home-item-component" ui-sref="root.update">
+                <span class="setup-home-item-title">Component Manager</span>
+                <span class="setup-home-item-description">I want to manage my packages and modules.</span>
             </a>
         </div>
         <div class="col-m-4">
-            <a href="" class="upgrade-home-item upgrade-home-item-upgrade" ui-sref="root.upgrade">
-                <span class="upgrade-home-item-title">System Upgrade</span>
-                <span class="upgrade-home-item-description">I want to upgrade my Magento Admin version.</span>
+            <a href="" class="setup-home-item setup-home-item-upgrade" ui-sref="root.upgrade">
+                <span class="setup-home-item-title">System Upgrade</span>
+                <span class="setup-home-item-description">I want to upgrade my Magento Admin version.</span>
             </a>
         </div>
         <div class="col-m-4">
-            <a href="" class="upgrade-home-item upgrade-home-item-configuration" ui-sref="root.system-config">
-                <span class="upgrade-home-item-title">System Configuration</span>
-                <span class="upgrade-home-item-description">I want to change my Magento system configurations.</span>
+            <a href="" class="setup-home-item setup-home-item-configuration" ui-sref="root.system-config">
+                <span class="setup-home-item-title">System Configuration</span>
+                <span class="setup-home-item-description">I want to change my Magento system configurations.</span>
             </a>
         </div>
     </div>