From 63b0bb81224d1b23d0f6950c5484502e5ad2804d Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Fri, 18 Jul 2014 16:34:48 +1000
Subject: [PATCH] Updating styling for product rows for small devices - total
 price gets its own row

---
 .../stylesheets/darkswarm/_shop-product-rows.css.sass     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/darkswarm/_shop-product-rows.css.sass b/app/assets/stylesheets/darkswarm/_shop-product-rows.css.sass
index ab7db39d91..aaaff758cb 100644
--- a/app/assets/stylesheets/darkswarm/_shop-product-rows.css.sass
+++ b/app/assets/stylesheets/darkswarm/_shop-product-rows.css.sass
@@ -43,7 +43,7 @@
             padding-left: 0.9375rem
             font-weight: bold
             .table-cell
-              height: 28px
+              height: 27px
 
         // Variant unit
         .variant-unit  
@@ -60,10 +60,16 @@
         .variant-price
           padding-left: 0.25rem
           padding-right: 0rem
+          @media all and (max-width: 640px)
+            text-align: right
 
         // Total price
         .total-price
           padding-left: 0rem
+          @media all and (max-width: 640px)
+            background: white
+            .table-cell
+              height: 27px
 
       
       // ROW SUMMARY