From a4b94cf39f3e7efcb601a66f424bfcea7620b133 Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Sun, 19 Jan 2020 17:56:18 +0100
Subject: [PATCH] Add dividing line on tabs

Shows a thin grey line when the tab view content is white, but doesn't interfere when the content below is a full-width colour image.
---
 app/assets/stylesheets/darkswarm/shop_tabs.css.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/darkswarm/shop_tabs.css.scss b/app/assets/stylesheets/darkswarm/shop_tabs.css.scss
index 3ca6b82871..8274b1fc52 100644
--- a/app/assets/stylesheets/darkswarm/shop_tabs.css.scss
+++ b/app/assets/stylesheets/darkswarm/shop_tabs.css.scss
@@ -7,6 +7,7 @@
 
   .tab-buttons {
     color: $dark-grey;
+    box-shadow: 0 1px 0 $light-grey-transparency;
 
     .row:first-child {
       display: flex;
@@ -70,7 +71,7 @@
 
     .content {
       padding: 1.25em 0;
-      background-color: $white;
+      background-color: transparent;
 
       img {
         margin: 0px 0px 0px 40px;