MAGETWO-35091: UI improvements

Author: Evgeniy Kolesov

app/code/Magento/Theme/view/adminhtml/page_layout/admin-2columns-left.xml

@@ -30,15 +30,13 @@
                     <container name="messages.wrapper" as="messages.wrapper" htmlTag="div" htmlId="messages">
                         <container name="page.messages" as="page.messages"/>
                     </container>
-                    <!-- ToDo UI: .col-gutter will be deprecated after #a0c2682 merged -->
-                    <container name="page.main.container" as="page_main_container" htmlId="page:main-container" htmlTag="div" htmlClass="page-columns row row-gutter">
-                        <!-- ToDo UI: remove 'main-col' & 'side-col' class names after new sidebar implemented -->
-                        <container name="main.col" as="main-col" htmlId="container" htmlTag="div" htmlClass="main-col col-m-9 col-m-push-3 col-gutter">
+                    <container name="page.main.container" as="page_main_container" htmlId="page:main-container" htmlTag="div" htmlClass="page-columns">
+                        <container name="main.col" as="main-col" htmlId="container" htmlTag="div" htmlClass="main-col">
                             <container name="admin.scope.col.wrap" as="admin-scope-col-wrap" htmlTag="div" htmlClass="admin__scope-old"> <!-- ToDo UI: remove this wrapper remove with old styles removal -->
                                 <container name="content" as="content"/>
                             </container>
                         </container>
-                        <container name="side.col" as="side-col" after="main.col" htmlId="page:left" htmlTag="div" htmlClass="col-m-3 col-m-pull-9 side-col col-gutter">
+                        <container name="side.col" as="side-col" after="main.col" htmlId="page:left" htmlTag="div" htmlClass="side-col">
                             <container name="left" as="left"/>
                         </container>
                     </container>

app/design/adminhtml/Magento/backend/web/css/source/_structure.less

@@ -45,3 +45,18 @@ body {
         margin-bottom: 0;
     }
 }
+
+.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
+    .page-layout-admin-2columns-left {
+        .page-columns {
+            #mix-grid .row();
+            .main-col {
+                #mix-grid .width(9,12);
+                float: right;
+            }
+            .side-col {
+                #mix-grid .column(3,12);
+            }
+        }
+    }
+}

app/design/adminhtml/Magento/backend/web/css/source/forms/_temp.less

@@ -47,9 +47,7 @@
 }
 
 // @todo ui Move to other place - will be done in upcoming task "Address Tabs":
-.ui-tabs {
-    margin-bottom: 5rem;
-}
+
 .address-item-edit-content {
     background: #fff;
     border: 1px solid #dad1c8;

dev/tools/grunt/configs/clean.js

@@ -87,6 +87,7 @@ var cleanOptions = {
                 "src": [
                     "<%= path.tmp %>/cache/**/*",
                     "<%= path.tmp %>/generation/**/*",
+                    "<%= path.tmp %>/view_preprocessed/html/**/*",
                     "<%= path.tmp %>/page_cache/**/*"
                 ]
             }