Add original gear ability/price to SplatNet tweets

src/css/screenshots.scss

@@ -27,8 +27,18 @@
     }
 
     .featured-merchandise {
-        transform: scale(2) rotate(-1.4deg);
+        transform: scale(1.85) rotate(-1.4deg);
         min-width: 173px;
+
+        .info-overlay {
+            opacity: 1;
+            transform: none;
+            position: static;
+
+            .common-ability {
+                display: none;
+            }
+        }
     }
 
     .salmon-run {

src/js/components/screenshots/splatnetgear/SplatNetGear.vue

@@ -10,7 +10,7 @@
         </div>
 
         <div class="columns">
-            <div class="column is-5" style="display: flex; align-items: center; justify-content: center;">
+            <div class="column is-5" style="min-height: 560px; display: flex; align-items: center; justify-content: center;">
                 <MerchandiseBox
                     :merchandise="featuredMerchandise"
                     :now="startTime"
@@ -18,7 +18,7 @@
                     ></MerchandiseBox>
             </div>
 
-            <div class="column">
+            <div class="column" style="display: flex; align-items: center; justify-content: center;">
                 <div class="columns is-multiline is-centered">
                     <div class="column is-one-third" v-for="(merchandise, index) in otherMerchandises">
                         <MerchandiseBox

src/js/components/splatoon/MerchandiseBox.vue

@@ -54,7 +54,7 @@
                     </div>
                 </div>
 
-                <div class="info-overlay-container">
+                <div class="info-overlay-container common-ability">
                     <div class="is-size-7">{{ merchandise.gear.brand.name }}</div>
                     <div>
                         <div class="skill-img-bg">

src/updater/screenshots.js

@@ -51,7 +51,7 @@ function captureGearScreenshot(startTime, endTime) {
     let url = new URL(htmlUrl);
     url.hash = `/splatNetGear/${startTime}/${endTime}`;
 
-    return captureScreenshot({ url, viewport: { height: 680 } });
+    return captureScreenshot({ url, viewport: { height: 700 } });
 }
 
 function captureSalmonRunScreenshot(startTime) {