From cfb0a03a5a5079093ec708c6f9bd869c6cefaffc Mon Sep 17 00:00:00 2001
From: Matt Isenhower <matt@isenhower.com>
Date: Sun, 1 Jul 2018 10:35:13 -0700
Subject: [PATCH] Fix display issue with weapons being cut off when 4 are
 released at once

---
 src/css/screenshots.scss                              | 2 +-
 src/js/components/screenshots/newweapon/NewWeapon.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/css/screenshots.scss b/src/css/screenshots.scss
index 737b4e5..35778e3 100644
--- a/src/css/screenshots.scss
+++ b/src/css/screenshots.scss
@@ -50,7 +50,7 @@
         transform: scale(1.4);
     }
 
-    .new-weapon {
+    .new-weapons-large {
         transform: scale(1.25);
     }
 
diff --git a/src/js/components/screenshots/newweapon/NewWeapon.vue b/src/js/components/screenshots/newweapon/NewWeapon.vue
index eac0136..2c183b5 100644
--- a/src/js/components/screenshots/newweapon/NewWeapon.vue
+++ b/src/js/components/screenshots/newweapon/NewWeapon.vue
@@ -1,6 +1,6 @@
 <template>
     <Wrapper :title="title" :time="releaseTime">
-        <div class="new-weapon" v-if="newWeapons">
+        <div :class="{ 'new-weapons-large': newWeapons.length <= 3 }" v-if="newWeapons">
             <div style="display: flex; align-items: center; justify-content: center;">
                 <div v-for="(weapon, index) in newWeapons" style="margin: 0 20px">
                     <NewWeaponBox