From 0268782b5e33dd6ed7d27b577ce67a82b146ef68 Mon Sep 17 00:00:00 2001
From: Maikel Linke <maikel@email.org.au>
Date: Wed, 16 Sep 2020 11:21:26 +1000
Subject: [PATCH] Align price pie with product name

Moving it a bit to the right on mobile.
And giving the variant name a bit more space.
---
 app/assets/stylesheets/darkswarm/_shop-product-rows.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
index 82ff075a32..f573fbb744 100644
--- a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
@@ -41,6 +41,7 @@
         // Variant name
         .variant-name {
           padding-left: 0;
+          padding-right: 0;
 
           @include breakpoint(phablet) {
             padding-left: 0.5rem;
@@ -56,8 +57,9 @@
 
         // Variant price
         .variant-price {
-          padding-left: 0.25rem;
-          padding-right: 0.25rem;
+          @include breakpoint(phablet) {
+            padding-left: 1rem;
+          }
         }
 
         // Total price