Add some padding around the name of Salmon Run gear

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;

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>

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>