use input group for remove button

tomboe311 · Apr 5, 2021 · 2da5f6c · 2da5f6c
1 parent 763e49d
commit 2da5f6c
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/src/components/GameConfiguration.js b/src/components/GameConfiguration.js
@@ -23,17 +23,17 @@ app.component('game-configuration', {
           v-for="(player, index) in players"
           :key=index
           class="form-group row">
-          <div class="col-10">
-            <input
-              v-on:keyup="updatePlayer(index, $event.target.value)"
-              :id="'pl_' + index"
-              class="form-control"
-              type="text"
-              name="player[]"
-              :placeholder="[[ player ]]">
-          </div>
-          <div class="col">
-            <button v-on:click="remove(index)" class="btn btn-sm btn-outline-danger">X</button>
+          <div class="col-12">
+            <div class="input-group">
+              <input
+                v-on:keyup="updatePlayer(index, $event.target.value)"
+                :id="'pl_' + index"
+                class="form-control"
+                type="text"
+                name="player[]"
+                :placeholder="[[ player ]]">
+              <button v-on:click="remove(index)" class="input-group-addon btn btn-sm btn-outline-danger">Remove</button>
+            </div>
           </div>
         </div>
       </div>