From 6565606ef837f6cb2823a3ecc1f3ce1779952e29 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Tue, 14 Jul 2020 23:43:25 -0400
Subject: [PATCH] Make the combatant-picker buttons bigger

---
 src/components/Combat.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Combat.vue b/src/components/Combat.vue
index 089e533..446209e 100644
--- a/src/components/Combat.vue
+++ b/src/components/Combat.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="combat-layout">
     <div class="left-selector">
-      <button @click="left = combatant" v-for="(combatant, index) in combatants.filter(c => c !== right && c !== left)" :key="'left' + index">
+      <button class="combatant-picker" @click="left = combatant" v-for="(combatant, index) in combatants.filter(c => c !== right && c !== left)" :key="'left' + index">
         {{ combatant.name }}
       </button>
     </div>
     <div class="right-selector">
-      <button @click="right = combatant" v-for="(combatant, index) in combatants.filter(c => c !== left && c !== right)" :key="'right' + index">
+      <button class="combatant-picker" @click="right = combatant" v-for="(combatant, index) in combatants.filter(c => c !== left && c !== right)" :key="'right' + index">
         {{ combatant.name }}
       </button>
     </div>
@@ -293,4 +293,14 @@ div.right-move {
   color: #f88;
 }
 
+.left-selector,
+.right-selector {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.combatant-picker {
+  flex: 1 1;
+}
+
 </style>