From 90e912a50fe598946fb97652dc1271952d25f9f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <tmladek@protonmail.ch>
Date: Sun, 12 Jan 2020 12:20:00 +0100
Subject: [PATCH] clear button

---
 src/App.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 6648f92..deb5665 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,6 +18,7 @@ import {PlayingState} from "@/common";
                     </label>
                     <input :id="`url-input-${names[i-1]}`" type="text" v-model="urls[i - 1]"/>
                 </div>
+                <button class="channel-urls-clear-button" @click="urls = Array(N_CHANNELS).fill('')">CLEAR</button>
             </div>
         </div>
         <div class="controls">
@@ -150,10 +151,15 @@ h1 {
 .channel-urls {
     display: flex;
     flex-direction: column;
+    align-items: center;
     justify-content: space-between;
     flex-grow: 1;
 }
 
+.channel-urls-clear-button {
+    max-width: 5em;
+}
+
 .url-input {
     display: flex;
     width: 100%;