fix(place-order): Corrects summary items alignment

sass/css/_shop.scss

@@ -176,7 +176,7 @@ button {
                 }
 
                 .price {
-                    text-align: left;
+                    text-align: right;
                 }
 
                 .item-card-name > div,

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>
               );