From 389552e30834c074750a4896bc1942973f74a44e Mon Sep 17 00:00:00 2001
From: sovanna <sovanna.hing@gmail.com>
Date: Sat, 9 Nov 2019 19:05:15 +0900
Subject: [PATCH] fix(place-order): Corrects summary items alignment

---
 sass/css/_shop.scss |  2 +-
 static/js/shop.jsx  | 22 ++++++++++++++++++----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/sass/css/_shop.scss b/sass/css/_shop.scss
index acc835d..b37f340 100644
--- a/sass/css/_shop.scss
+++ b/sass/css/_shop.scss
@@ -176,7 +176,7 @@ button {
                 }
 
                 .price {
-                    text-align: left;
+                    text-align: right;
                 }
 
                 .item-card-name > div,
diff --git a/static/js/shop.jsx b/static/js/shop.jsx
index 155f0f9..c423af2 100644
--- a/static/js/shop.jsx
+++ b/static/js/shop.jsx
@@ -891,11 +891,18 @@ class OrderSumary extends React.PureComponent {
               <tr>
                 <td className="item-card-name">{mode.name}</td>
                 <td className="price">
-                  {`${currency} ${mode.price}`}
+                  <div>
+                    {`${currency} ${mode.price}`}
 
-                  <button style={{'opacity': '0', 'cursor': 'initial'}}>
-                    <img src="/images/shop/icon-remove.svg" />
-                  </button>
+                    <button style={{'opacity': '0', 'cursor': 'initial'}}>
+                      <img src="/images/shop/icon-remove.svg" />
+                    </button>
+                  </div>
+
+                  <span style={{
+                    'display': 'inline-block',
+                    'width': '30px',
+                  }}>&nbsp;</span>
                 </td>
               </tr>
             )}
@@ -941,6 +948,13 @@ class OrderSumary extends React.PureComponent {
                           src={`/images/${warning.icon}`}
                       />
                     )}
+
+                    {!warning && (
+                      <span style={{
+                        'display': 'inline-block',
+                        'width': '30px',
+                      }}>&nbsp;</span>
+                    )}
                   </td>
                 </tr>
               );