From a2f710db1ed159656f7151bd4398d38bc3a74b54 Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Tue, 7 Jul 2020 14:37:43 +0200
Subject: [PATCH] Improve vertical alignment of variant form elements

---
 app/assets/stylesheets/darkswarm/_shop-popovers.scss     | 3 +--
 app/assets/stylesheets/darkswarm/_shop-product-rows.scss | 6 ++++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/_shop-popovers.scss b/app/assets/stylesheets/darkswarm/_shop-popovers.scss
index 574d08a2e9..6e6c97f10b 100644
--- a/app/assets/stylesheets/darkswarm/_shop-popovers.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-popovers.scss
@@ -52,9 +52,8 @@ button.graph-button {
   // z-index: 9999999
   padding: 0;
   margin: 0;
-  display: inline;
+  display: inline-block;
   background-color: rgba(255, 255, 255, 0.5);
-  vertical-align: bottom;
 
   @include box-shadow(none);
 
diff --git a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
index 10871034da..f7739f6303 100644
--- a/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-product-rows.scss
@@ -22,6 +22,12 @@
           opacity: 0.2;
         }
 
+        .variant-name,
+        .variant-price,
+        .total-price {
+          line-height: 2.5em;
+        }
+
         // Variant name
         .variant-name {
           padding-left: 7.9375rem;