MAGETWO-32302: Create New Order

Author: zanilee

app/code/Magento/Sales/view/adminhtml/templates/order/create/coupons/form.phtml

@@ -20,7 +20,11 @@
         <input type="text" class="admin__control-text" id="coupons:code" value="" name="coupon_code" />
         <?php echo $block->getButtonHtml(__('Apply'), 'order.applyCoupon($F(\'coupons:code\'))') ?>
         <?php if ($block->getCouponCode()): ?>
-        <p><strong><?php echo $block->escapeHtml($block->getCouponCode()) ?></strong> [<a href="#" onclick="order.applyCoupon(''); return false;" title="<?php echo __('Remove Coupon Code') ?>"><?php echo __('Remove') ?></a>]</p>
+        <p class="added-coupon-code">
+            <span><?php echo $block->escapeHtml($block->getCouponCode()) ?></span>
+            <a href="#" onclick="order.applyCoupon(''); return false;" title="<?php echo __('Remove Coupon Code') ?>"
+               class="action-remove"><span><?php echo __('Remove') ?></span></a>
+        </p>
         <?php endif; ?>
         <script>
             require(["Magento_Sales/order/create/form"], function(){

app/code/Magento/Sales/view/adminhtml/templates/order/create/shipping/method/form.phtml

@@ -95,7 +95,9 @@ require(['prototype'], function(){
         <input type="hidden" name="order[has_shipping]" value="" class="required-entry" />
     </div>
 <?php endif; ?>
-<div style="display:none;" id="shipping-method-overlay" class="overlay"><span><?php echo __('You don\'t need to select a shipping method.') ?></span></div>
+<div style="display: none;" id="shipping-method-overlay" class="order-methods-overlay">
+    <span><?php echo __('You don\'t need to select a shipping method.') ?></span>
+</div>
 <script>
     require(["Magento_Sales/order/create/form"], function(){
 

app/design/adminhtml/Magento/backend/Magento_Sales/web/css/source/module/_order-create.less

@@ -225,13 +225,13 @@
         vertical-align: top;
 
         .admin__field-control {
-            padding-right: 35px;
+            padding-right: 32px;
             position: relative;
         }
 
         .action-default {
             &:extend(.abs-action-reset all);
-            bottom: 7px;
+            top: 7px;
             position: absolute;
             right: 0;
             > span {
@@ -247,6 +247,24 @@
                 color: @page-order-icon-plus__hover__color;
             }
         }
+        p {
+            margin: @indent__s 0 0;
+        }
+    }
+    .action-remove {
+        color: @color-brownie;
+        margin-left: @indent__xs;
+        &:hover {
+            color: @color-very-dark-gray-black2;
+            text-decoration: none;
+        }
+        > span {
+            .extend__visually-hidden();
+        }
+        &:before {
+            &:extend(.abs-icon all);
+            content: @page-order-icon-remove__content;
+        }
     }
 }
 
@@ -383,6 +401,28 @@
     padding-top: @field-option__padding-top;
 }
 
+.order-shipping-method,
+.order-billing-method {
+    position: relative;
+}
+
+.order-methods-overlay {
+    background: rgba(255, 255, 255, .5);
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    span {
+        background: @color-white;
+        display: block;
+        font-weight: @font-weight__bold;
+        left: 0;
+        position: absolute;
+        top: 48px;
+    }
+}
+
 //
 //  Gift options
 //  ---------------------------------------------