From fd26500ca4d001d99657817f2bc82a529d10380f Mon Sep 17 00:00:00 2001
From: luisramos0 <luisramos0@gmail.com>
Date: Thu, 19 Dec 2019 19:59:59 +0000
Subject: [PATCH] Add orders css for the orders edit page

---
 .../stylesheets/admin/sections/orders.scss    | 54 +++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 app/assets/stylesheets/admin/sections/orders.scss

diff --git a/app/assets/stylesheets/admin/sections/orders.scss b/app/assets/stylesheets/admin/sections/orders.scss
new file mode 100644
index 0000000000..e8f4d79692
--- /dev/null
+++ b/app/assets/stylesheets/admin/sections/orders.scss
@@ -0,0 +1,54 @@
+// Customize orders filter
+[data-hook="admin_orders_index_search"] {
+  select[data-placeholder="Status"] {
+    width: 100%;
+  }
+
+  .select2-container {
+    width: 100% !important;
+  }
+}
+
+// Order-total
+[data-hook="order_details_total"]{
+  text-align: center;
+
+  .order-total {
+    font-size: 35px;
+    font-weight: 600;
+    color: $color-success;
+  }
+}
+
+[data-hook="admin_order_form_fields"] {
+  legend.stock-location {
+    color: $color-body-text;
+
+    .shipment-number {
+      color: $color-success;
+    }
+    .stock-location-name {
+      color: $color-success;
+    }
+  }
+}
+
+// Customize orduct add fieldset
+#add-line-item {
+  fieldset {
+    padding: 10px 0;
+
+    .field {
+      margin-bottom: 0;
+
+      input[type="text"], input[type="number"] {
+        width: 100%;
+      }
+    }
+    .actions {
+      .button {
+        margin-top: 28px;
+      }
+    }
+  }
+}