fix(issue21): Adds precision + BP adapter and updates styles

sass/css/_shop.scss

@@ -156,11 +156,12 @@ button {
             margin: 2rem 0;
 
             > .summary-price {
-                flex: 1;
+                /*flex: 1;*/
                 font-size: .8rem;
+                width: 50%;
 
                 table {
-                    max-width: 450px;
+                    /*max-width: 450px;*/
                 }
 
                 .summary-remove-all {
@@ -237,7 +238,8 @@ button {
             }
 
             > .summary-form {
-                flex: 1;
+                /*flex: 1;*/
+                width: 50%;
                 display: flex;
                 flex-direction: column;
                 align-items: flex-end;
@@ -245,7 +247,7 @@ button {
                 form {
                     display: flex;
                     flex-direction: column;
-                    width: 80%;
+                    width: 90%;
 
                     input:not([type="submit"]),
                     textarea {

static/css/order-hardware.css

@@ -105,6 +105,11 @@
     display: flex !important;
     justify-content: space-between;
   }
+
+  #root-shop .panel .summary>.summary-price,
+  #root-shop .panel .summary>.summary-form {
+    width: 100%;
+  }
 }
 /*
   ##Device = Tablets, Ipads (landscape)
@@ -169,6 +174,10 @@
   #root-shop .panel .summary>.summary-form form input[type="submit"] {
     margin-bottom: 1em;
   }
+  #root-shop .panel .summary>.summary-price,
+  #root-shop .panel .summary>.summary-form {
+    width: 100%;
+  }
 }
 /*
   ##Device = Low Resolution Tablets, Mobiles (Landscape)
@@ -366,6 +375,10 @@
     overflow-y: scroll;
     height: 100%;
   }
+  #root-shop .panel .summary>.summary-price,
+  #root-shop .panel .summary>.summary-form {
+    width: 100%;
+  }
 }
 /*
   ##Device = Most of the Smartphones Mobiles (Portrait)
@@ -559,4 +572,8 @@
     overflow-y: scroll;
     height: 100%;
   }
+  #root-shop .panel .summary>.summary-price,
+  #root-shop .panel .summary>.summary-form {
+    width: 100%;
+  }
 }

static/js/shop.jsx

@@ -993,7 +993,7 @@ class OrderSumary extends React.PureComponent {
                     onMouseLeave={this.handleOnMouseLeaveItem}>
 
                   <td className="item-card-name">
-                    <div>{`${item.name_number} ${item.name}`}</div>
+                    <div>{`${item.name_number} ${item.name} ${item.name_codename}`}</div>
                   </td>
 
                   <td className="price">

static/js/shop_data.js

@@ -99,7 +99,7 @@ const shop_data = {
       id: 'kasli-backplane',
       name: 'Processor',
       name_number: '1123',
-      name_codename: 'Kasli',
+      name_codename: 'Kasli + BP adapter',
       price: 3830,
       image: '/shop/graphic-03_kasli-with-backplane.svg',
       specs: [