MAGETWO-34893: Required marker is displayed on wrong line in Backend

Author: Evgeniy Kolesov

Gruntfile.js

@@ -60,7 +60,14 @@ module.exports = function (grunt) {
             'less:luma',
             'less:backend'
         ],
-
+        /**
+         * Styles for backend theme
+         */
+        backend: [
+            'less:backend',
+            'replace:example',
+            'less:override'
+        ],
         /**
          * Documentation
          */

app/code/Magento/Tax/view/adminhtml/templates/rate/form.phtml

@@ -7,7 +7,7 @@
 // @codingStandardsIgnoreFile
 
 ?>
-<div class="entry-edit">
+<div class="entry-edit form-inline">
     <?php echo $block->getFormHtml() ?>
 </div>
 <?php echo $block->getChildHtml('form_after');?>

app/design/adminhtml/Magento/backend/web/css/override.less

@@ -373,6 +373,7 @@ nav ol {
 .page-layout-admin-login .admin__field[class]:not(.admin__field-option)._required > .admin__field-label span:after {
   left: 0;
   margin-left: 30px;
+  top: .2rem;
 }
 .admin__control-text {
   line-height: 3.3rem;
@@ -644,12 +645,13 @@ option:empty {
 ._required > .admin__field-label span:after {
   color: #eb5202;
   content: '*';
-  display: inline;
+  display: inline-block;
   font-size: 1.6rem;
   font-weight: 500;
+  line-height: 1;
   margin-left: 10px;
-  margin-top: 2px;
   position: absolute;
+  top: 1.2rem;
   z-index: 1;
 }
 ._disabled > .admin__field-label {

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

@@ -60,6 +60,7 @@
                     &:after {
                         left: 0;
                         margin-left: @temp_gutter; // @todo ui: update after finalizing Form Grid mixing css/source/forms/_temp.less:10
+                        top: .2rem;
                     }
                 }
             }

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

@@ -87,12 +87,13 @@
         span:after {
             color: @field-label__required__color;
             content: '*';
-            display: inline;
+            display: inline-block;
             font-size: @font-size__l;
             font-weight: @font-weight__heavier;
+            line-height: 1;
             margin-left: 10px;
-            margin-top: 2px;
             position: absolute;
+            top: 1.2rem;
             z-index: 1;
         }
     }

app/design/adminhtml/Magento/backend/web/css/styles-old.less

@@ -1078,14 +1078,61 @@ input.mage-error ~ .addafter {
     padding-top: 0;
 }
 
-.field.required > .label:after {
-    color: #e22626;
-    font-size: 16px;
-    font-weight: 500;
-    position: absolute;
-    margin-left: 10px;
+.form-inline div:not([class*='fields-group']) > .field > .label,
+.form-inline .fieldset > .field > .label {
+    color: #303030;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 3.2rem;
+    padding: 0 30px 0 0;
+    white-space: nowrap;
+
+    &:before {
+        content: '.';
+        margin-left: -7px;
+        overflow: hidden;
+        visibility: hidden;
+        width: 0;
+    }
+
+    span {
+        display: inline-block;
+        line-height: 1.33;
+        vertical-align: middle;
+        white-space: normal;
+    }
 }
 
+.fieldset > .field.required > .label {
+    &:after {
+        content:'';
+    }
+    padding-left: 1.5rem;
+    .form-inline & {
+        padding-left: 0;
+    }
+    span {
+        &:after {
+            color: #e22626;
+            content: '*';
+            display: inline-block;
+            font-size: 1.6rem;
+            font-weight: 500;
+            left: 0;
+            line-height: 1;
+            position: absolute;
+            top: .2rem;
+            z-index: 1;
+            .form-inline & {
+                left: auto;
+                margin-left: 10px;
+                top: 1.2rem;
+            }
+        }
+    }
+}
+
+
 .with-addon .textarea {
     margin: 0 0 6px;
 }
@@ -1094,7 +1141,7 @@ input.mage-error ~ .addafter {
 .fieldset .control .addon .textarea {
     width: 100%;
 }
-
+.details-content > .field > input[type="checkbox"],
 .fieldset > .field > input[type="checkbox"] {
     margin-top: 9px;
 }
@@ -2695,7 +2742,10 @@ tr.dynamic-grid input.input-text {
 }
 
 .attribute-popup #edit_form {
-    padding-bottom: 80px;
+    display: block;
+    > div:last-of-type {
+        margin-bottom: 150px;
+    }
 }
 
 .attribute-popup #edit_form > .fieldset > .legend {

app/design/adminhtml/Magento/backend/web/mui/mui_legacy.css

@@ -1208,7 +1208,7 @@ table.loading:after {
 }
 
 .field > .label {
-    margin: 0 0 6px 6px;
+    margin: 0 0 6px;
 }
 
 .field > .control {