From edaf419857450c31d3fa170d8aeb880637bb7848 Mon Sep 17 00:00:00 2001
From: Luis Ramos <luisramos0@gmail.com>
Date: Fri, 8 May 2020 10:32:19 +0100
Subject: [PATCH] Use rem instead of px or em

---
 app/assets/stylesheets/darkswarm/_shop-modals.css.scss          | 2 +-
 app/assets/stylesheets/darkswarm/images.css.scss                | 2 --
 app/assets/stylesheets/darkswarm/modals.css.scss                | 2 +-
 .../assets/stylesheets/web/pages/cookies_policy_modal.css.scss  | 2 +-
 4 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/_shop-modals.css.scss b/app/assets/stylesheets/darkswarm/_shop-modals.css.scss
index 2175def3b0..ee380177d4 100644
--- a/app/assets/stylesheets/darkswarm/_shop-modals.css.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-modals.css.scss
@@ -20,7 +20,7 @@
     a {
       border: 1px solid $grey-300;
       font-weight: normal;
-      padding: 0.2em 0.625em;
+      padding: 0.15rem 0.5rem;
     }
 
     span {
diff --git a/app/assets/stylesheets/darkswarm/images.css.scss b/app/assets/stylesheets/darkswarm/images.css.scss
index 81d6804dfa..73b59be151 100644
--- a/app/assets/stylesheets/darkswarm/images.css.scss
+++ b/app/assets/stylesheets/darkswarm/images.css.scss
@@ -4,7 +4,6 @@
 
 .product-img {
   padding: 5px;
-  margin-bottom: 10px;
 
   // placeholder for when no product images
   &.placeholder {
@@ -17,7 +16,6 @@
 
   @media only screen and (max-width: 1024px) {
     margin-top: 0;
-    margin-bottom: 1em;
     padding: 5px;
   }
 }
diff --git a/app/assets/stylesheets/darkswarm/modals.css.scss b/app/assets/stylesheets/darkswarm/modals.css.scss
index 4e8063698a..54f8c57dd1 100644
--- a/app/assets/stylesheets/darkswarm/modals.css.scss
+++ b/app/assets/stylesheets/darkswarm/modals.css.scss
@@ -27,7 +27,7 @@ dialog
 
   // Medium and up - larger outside area
   @media only screen and (min-width: 641px) {
-    border-bottom: 30px solid white;
+    border-bottom: 30px solid $white;
     max-height: 90%;
     padding: 30px 20px 0 20px;
     top: 5%;
diff --git a/engines/web/app/assets/stylesheets/web/pages/cookies_policy_modal.css.scss b/engines/web/app/assets/stylesheets/web/pages/cookies_policy_modal.css.scss
index f941c00d82..583c10525a 100644
--- a/engines/web/app/assets/stylesheets/web/pages/cookies_policy_modal.css.scss
+++ b/engines/web/app/assets/stylesheets/web/pages/cookies_policy_modal.css.scss
@@ -5,7 +5,7 @@
   border-bottom-color: $cookies-policy-modal-border-bottom-color;
 
   @media only screen and (max-width: 640px) {
-    padding: 15px 15px 0 15px;
+    padding: .9rem;
   }
 
   table {