Admin styling fixes

Fixes spree#2100

api/app/views/spree/admin/users/_api_fields.html.erb

@@ -29,4 +29,4 @@
     </div>    
   <% end %>
 
-</fieldset>
+</fieldset>

core/app/assets/stylesheets/admin/components/_date-picker.scss

@@ -151,4 +151,4 @@
       }      
     }
   }
-}
+}

core/app/assets/stylesheets/admin/components/_product_autocomplete.scss

@@ -27,4 +27,4 @@
       }
     }
   }
-}
+}

core/app/assets/stylesheets/admin/components/_sidebar.scss

@@ -2,51 +2,22 @@
 //---------------------------------------------------
 #sidebar {
   overflow: visible;
-  border-top: 1px solid $color-border;
+  border-top: 1px solid $color-border; 
   margin-top: 17px;
 
   .sidebar-title {
     color: $color-2;
     text-transform: uppercase;
-    text-align: center;
+    text-align: center; 
     font-size: 14px;
     font-weight: 600;
-
+    
     > span {
       display: inline;
-      background: #fff;
-      padding: 5px 10px;
-      position: relative;
+      background: #fff; 
+      padding: 5px 10px; 
+      position: relative; 
       top: -14px;
     }
   }
-
-  .sidebar-menu {
-    ul {
-      list-style: none;
-
-      li {
-        a {
-          padding: 10px 0;
-          display: block;
-          position: relative;
-          text-align: left;
-          border: 1px solid transparent;
-          text-transform: uppercase;
-          font-weight: 600;
-          font-size: 90%;
-        }
-
-        &.active a {
-          color: $color-2;
-          border-left-width: 0;
-          border-bottom-color: $color-2;
-        }
-
-        &:hover a {
-          color: $color-2;
-        }
-      }
-    }
-  }
 }

core/app/assets/stylesheets/admin/shared/_forms.scss

@@ -96,6 +96,8 @@ span.info {
 
     li {
       display: inline-block;
+      padding-right: 10px;
+
 
       label {
         font-weight: normal;
@@ -187,9 +189,15 @@ fieldset {
     span.or {
       background-color: $color-1;
       border-width: 5px;
-      margin-left: -15px;
-      margin-right: -15px;
+      margin-left: 5px;
+      margin-right: 5px;
       position: relative;
+
+      -webkit-box-shadow: 0 0 0 5px $color-1;
+         -moz-box-shadow: 0 0 0 5px $color-1;
+          -ms-box-shadow: 0 0 0 5px $color-1;
+           -o-box-shadow: 0 0 0 5px $color-1;
+              box-shadow: 0 0 0 5px $color-1;
     }
   }
 

core/app/assets/stylesheets/admin/shared/_tables.scss

@@ -83,6 +83,14 @@ table {
       @extend .icon-reorder;
       cursor: move;
     }
+
+  }
+
+  &.no-borders {
+    td, th {
+      border: none !important;
+    }
+
   }
 
   th {

core/app/views/spree/admin/shared/_order_tabs.html.erb

@@ -1,5 +1,5 @@
 <% content_for :page_title do %>
-  <%= t(:order) %> <span class="green">#<%= @order.number %></span>
+  <%= t(:order) %> #<%= @order.number %>
 <% end %>
 
 <% content_for :sidebar_title do %>
@@ -16,7 +16,7 @@
 
       <% if @order.completed? %>
         <dt><%= t(:shipment) %>: </dt>
-        <dd id='shipment_status'><%= t(@order.shipment_state, :scope => :shipment_state, :default => [:missing, "none"]) %></dd>
+        <dd id='shipment_status'><span class="state <%= @order.shipment_state %>"><%= t(@order.shipment_state, :scope => :shipment_state, :default => [:missing, "none"]) %></dd>
         <dt><%= t(:payment) %>: </dt>
         <dd id='payment_status'><span class="state <%= @order.payment_state %>"><%= t(@order.payment_state, :scope => :payment_states, :default => [:missing, "none"]) %></dd>
         <dt data-hook><%= t(:date_completed) %>:</dt>
@@ -25,7 +25,7 @@
     </dl>
   </header>
 
-  <nav class="sidebar-menu">
+  <nav class="menu">
     <ul data-hook="admin_order_tabs">
       <% unless @order.completed? %>
         <li<%== ' class="active"' if current == 'Order Details' %>>