From 4fe925752fd6b931336d260ba3d90f6178627359 Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Thu, 1 Feb 2018 08:49:29 -0800
Subject: [PATCH] Add some padding around the name of Salmon Run gear

---
 src/css/main.scss                                         | 4 ++++
 src/js/components/screenshots/salmonrun/SalmonRunGear.vue | 2 +-
 src/js/components/splatoon/SalmonRunGearDialog.vue        | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/css/main.scss b/src/css/main.scss
index 2195f3e..14e7a6f 100644
--- a/src/css/main.scss
+++ b/src/css/main.scss
@@ -536,6 +536,10 @@ body.has-modal #main {
         position: relative;
     }
 
+    &.salmon-run-gear .gear-name {
+        padding: 10px 0;
+    }
+
     .info-overlay {
         position: absolute;
         bottom: 0;
diff --git a/src/js/components/screenshots/salmonrun/SalmonRunGear.vue b/src/js/components/screenshots/salmonrun/SalmonRunGear.vue
index dfcede6..2977cdb 100644
--- a/src/js/components/screenshots/salmonrun/SalmonRunGear.vue
+++ b/src/js/components/screenshots/salmonrun/SalmonRunGear.vue
@@ -1,7 +1,7 @@
 <template>
     <Wrapper title="Salmon Run Gear" :time="now">
         <div class="tilt-left salmon-run-gear" style="display: flex; align-items: center; justify-content: center;" v-if="merchandise">
-            <MerchandiseBox :merchandise="merchandise" />
+            <MerchandiseBox :merchandise="merchandise" class="salmon-run-gear" />
         </div>
     </Wrapper>
 </template>
diff --git a/src/js/components/splatoon/SalmonRunGearDialog.vue b/src/js/components/splatoon/SalmonRunGearDialog.vue
index 17a4750..185c069 100644
--- a/src/js/components/splatoon/SalmonRunGearDialog.vue
+++ b/src/js/components/splatoon/SalmonRunGearDialog.vue
@@ -2,7 +2,7 @@
     <Modal @close="$emit('close')">
         <div class="modal-content" style="max-width: 300px; overflow: visible">
             <div class="tilt-right" style="overflow: hidden">
-                <MerchandiseBox :merchandise="merchandise" />
+                <MerchandiseBox :merchandise="merchandise" class="salmon-run-gear" />
             </div>
         </div>
     </Modal>