From 5a4a47c8dcb5e468754f71ed9569bc90e413f640 Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Tue, 22 Jun 2021 16:27:12 +0530
Subject: [PATCH] Reduce size of input and select elements.

---
 src/components/Preferences.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Preferences.vue b/src/components/Preferences.vue
index b368e4fe..4377b69f 100644
--- a/src/components/Preferences.vue
+++ b/src/components/Preferences.vue
@@ -41,14 +41,14 @@
     <br />
     <b>Default Quality</b>
     <br />
-    <select class="uk-select" v-model="defaultQuality" @change="onChange($event)">
+    <select class="uk-select uk-width-auto" v-model="defaultQuality" @change="onChange($event)">
         <option value="0">Auto</option>
         <option :key="resolution" v-for="resolution in resolutions" :value="resolution">{{ resolution }}p</option>
     </select>
     <br />
     <b>Buffering Goal</b>
     <br />
-    <input class="uk-input" v-model="bufferingGoal" @change="onChange($event)" type="text" />
+    <input class="uk-input uk-width-auto" v-model="bufferingGoal" @change="onChange($event)" type="text" />
     <h2>Instances List</h2>
     <table class="uk-table">
         <thead>
@@ -74,7 +74,8 @@
     <hr />
 
     <b>Instance Selection:</b>
-    <select class="uk-select" v-model="selectedInstance" @change="onChange($event)">
+    <br />
+    <select class="uk-select uk-width-auto" v-model="selectedInstance" @change="onChange($event)">
         <option v-bind:key="instance.name" v-for="instance in instances" v-bind:value="instance.apiurl">
             {{ instance.name }}
         </option>