diff --git a/resources/assets/js/components/order-processing/orders/OrderEdit.vue b/resources/assets/js/components/order-processing/orders/OrderEdit.vue
index 188610c6..3f407384 100644
--- a/resources/assets/js/components/order-processing/orders/OrderEdit.vue
+++ b/resources/assets/js/components/order-processing/orders/OrderEdit.vue
@@ -411,43 +411,52 @@
-
-
-
-
- {{ line.sku }}
-
-
-
- -
-
- |
-
-
-
- {{ line.description }}
+
+
+
+
+
+ {{ line.sku }}
-
-
- {{ line.description }}
-
+
+
+ -
+
+ |
+
+
+
+ {{ line.description }}
+
+
+
+ {{ line.description }}
+
- |
- {{ line.option ? line.option : '-' }} |
- {{ line.quantity }} |
- |
-
-
-
-
-
- -
-
- |
- VAT @ {{ line.tax_rate }}%- |
- |
- |
-
+ |
+ {{ line.option ? line.option : '-' }} |
+ {{ line.quantity }} |
+ |
+
+
+
+
+
+ -
+
+ |
+ VAT @ {{ line.tax_rate }}%- |
+ |
+ |
+
+
+ |
+
+
+ {{ key }}: {{ value }}
+ |
+
+
diff --git a/resources/assets/sass/partials/_tables.scss b/resources/assets/sass/partials/_tables.scss
index 9830a67a..106cc54b 100644
--- a/resources/assets/sass/partials/_tables.scss
+++ b/resources/assets/sass/partials/_tables.scss
@@ -17,6 +17,47 @@
padding:20px;
}
+ &.line-meta {
+ background-color: #f5f5f5;
+ font-size: .875em;
+ padding-left: 25px;
+ position:relative!important;
+ span {
+ margin-left: 10px;
+ display:inline-block;
+ }
+ td {
+ padding-left: 10px;
+ }
+ .arrow {
+ &:after, &:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top:0;
+ left:0;
+ width: 0;
+ height: 0;
+ border-style: solid;
+ }
+ &:after {
+ top: -1px;
+ left: 5px;
+ border-color: #fff transparent transparent transparent;
+ border-width: 6px;
+ }
+ &:before {
+ top: -1px;
+ left: 4px;
+ border-color: #ddd transparent transparent transparent;
+ border-width: 7px;
+ }
+ }
+
+
+
+ }
+
background-color:#fff;
&.sortable-ghost {
opacity: .25;
@@ -152,4 +193,5 @@
color:lighten($grey, 25%);
font-size:1em;
}
-}
\ No newline at end of file
+}
+