0043604: [UI] CSS is not applied for LineProperty Div

# HG changeset patch
# User Ranjith S R <ranjith@qualiantech.com>
# Date 1585585484 -19800
#      Mon Mar 30 21:54:44 2020 +0530
# Node ID 21f5bc9a5d5b27a963f21eabce90370a365c016e
# Parent  c7a975896aab6155db6350a500714e22bfa59941
Fixed issue-43604 : Added CSS for Line Property Div

diff -r c7a975896aab -r 21f5bc9a5d5b web/org.openbravo.retail.posterminal/css/obpos-main.css
--- a/web/org.openbravo.retail.posterminal/css/obpos-main.css	Thu Mar 26 14:27:38 2020 +0100
+++ b/web/org.openbravo.retail.posterminal/css/obpos-main.css	Mon Mar 30 21:54:44 2020 +0530
@@ -9162,7 +9162,6 @@
   grid-template-columns: auto 1fr;
 }
 
-
 .obObposPointOfSaleUiLineProperty-propertyLabel {
   width: 95px;
   text-align: right;
@@ -9180,16 +9179,24 @@
 /*
 # Component: OB.OBPOSPointOfSale.UI.LinePropertyDiv
 */
-.obObposPointOfSaleUiLinePropertyDiv {}
-
-.obObposPointOfSaleUiLinePropertyDiv-container1 {}
-
-.obObposPointOfSaleUiLinePropertyDiv-container1-propertyLabel {}
-
-.obObposPointOfSaleUiLinePropertyDiv-container1-container2 {}
-
-.obObposPointOfSaleUiLinePropertyDiv-container1-container2-propertyValue {}
-
+.obObposPointOfSaleUiLinePropertyDiv {
+  display: grid;
+  grid-auto-flow: column;
+  grid-template-columns: auto 1fr;
+}
+
+.obObposPointOfSaleUiLinePropertyDiv-propertyLabel {
+  width: 95px;
+  text-align: right;
+  color: var(--color-secondary);
+  font-weight: bold;
+}
+
+.obObposPointOfSaleUiLinePropertyDiv-propertyValueWrapper {
+  padding-left: 12px;
+}
+
+.obObposPointOfSaleUiLinePropertyDiv-propertyValueWrapper-propertyValue {}
 
 /*
 # Component: OB.OBPOSPointOfSale.UI.EditLine
diff -r c7a975896aab -r 21f5bc9a5d5b web/org.openbravo.retail.posterminal/js/pointofsale/view/editline.js
--- a/web/org.openbravo.retail.posterminal/js/pointofsale/view/editline.js	Thu Mar 26 14:27:38 2020 +0100
+++ b/web/org.openbravo.retail.posterminal/js/pointofsale/view/editline.js	Mon Mar 30 21:54:44 2020 +0530
@@ -46,25 +46,17 @@
   classes: 'obObposPointOfSaleUiLinePropertyDiv',
   components: [
     {
-      classes:
-        'obObposPointOfSaleUiLinePropertyDiv-container1 row-fluid u-clearBoth',
+      name: 'propertyLabel',
+      classes: 'obObposPointOfSaleUiLinePropertyDiv-propertyLabel'
+    },
+    {
+      classes: 'obObposPointOfSaleUiLinePropertyDiv-propertyValueWrapper',
       components: [
         {
-          name: 'propertyLabel',
-          classes:
-            'obObposPointOfSaleUiLinePropertyDiv-container1-propertyLabel span4'
-        },
-        {
+          tag: 'span',
+          name: 'propertyValue',
           classes:
-            'obObposPointOfSaleUiLinePropertyDiv-container1-container2 span8',
-          components: [
-            {
-              tag: 'div',
-              name: 'propertyValue',
-              classes:
-                'obObposPointOfSaleUiLinePropertyDiv-container1-container2-propertyValue'
-            }
-          ]
+            'obObposPointOfSaleUiLinePropertyDiv-propertyValueWrapper-propertyValue'
         }
       ]
     }