932529: Need to change the UI design in super market use case sample

Author: MUTHUSELVISF3942

Inventory Management and Invoice Generating/Inventory Application/src/App.tsx

@@ -1176,7 +1176,6 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
             <TextBoxComponent
               type="text"
               id="customerName"
-              width={180}
               ref={customerNameRef}
               placeholder="Customer name"
               readOnly
@@ -1196,7 +1195,6 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
             <label>Address:</label>
             <TextAreaComponent
               id="customerAddress"
-              width='100%'
               value={""}
               ref={customerAddressRef}
               placeholder="Customer address"

Inventory Management and Invoice Generating/Inventory Application/src/index.css

@@ -598,7 +598,7 @@ body {
 
   .header .input-container {
     margin-bottom: 20px;
-    margin-top: 10px;
+    margin-top: 23px;
   }
 
   .control-pane.amount .col-xs-6 {
@@ -612,11 +612,27 @@ body {
     margin-bottom: 10px;
   }
 
+  .header .input-container.billno {
+    width: 120px;
+  }
+
+  .header .input-container.phone {
+    width: 190px;
+  }
+
+  .header .input-container.custaddress{
+    width: 200px;
+  }
+
+  .header .input-container.custname {
+    width: 220px;
+  }
+
   .header .input-container.custid {
-    width: 250px;
+    width: 235px;
   }
 
   .header .input-container.datepicker {
-    width: 270px;
+    width: 255px;
   }
 }