From cdc4fe55b26e331074a146c46256940bf3c4e379 Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Thu, 16 May 2019 15:10:00 +0200
Subject: [PATCH] Add a check before the selected Region in Dropdown

---
 client/src/components/SearchForm.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/client/src/components/SearchForm.vue b/client/src/components/SearchForm.vue
index 37468ac..3b05df8 100644
--- a/client/src/components/SearchForm.vue
+++ b/client/src/components/SearchForm.vue
@@ -35,8 +35,16 @@
             :key="region"
             @click="selectedRegion = region"
             :class="classRegions(index)"
-            class="px-4b py-1 text-xs bg-teal-600 hover:bg-teal-500"
-          >{{ region }}</div>
+            class="relative px-4b py-1 text-xs bg-teal-600 hover:bg-teal-500"
+          >
+            <v-icon 
+              v-if="region === selectedRegion"
+              name="check" 
+              scale="0.7"
+              class="absolute vertical-center offsetIcon">
+            </v-icon>
+            {{ region }}
+          </div>
         </div>
       </transition>
     </div>
@@ -89,4 +97,8 @@ export default {
   top: 57px;
   right: 1px;
 }
+
+.offsetIcon {
+  left: 4px;
+}
 </style>