From 837135030e94f10322349483e6f48abfcf89a2d4 Mon Sep 17 00:00:00 2001
From: Sofia Calderon <54033498+sofia-ester-calderon@users.noreply.github.com>
Date: Wed, 17 Mar 2021 08:57:18 +1100
Subject: [PATCH] fixed styling of labels for select boxes (#672)

Very nice.
Thanks
---
 src/views/profile/components/RolesNavbar.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/views/profile/components/RolesNavbar.vue b/src/views/profile/components/RolesNavbar.vue
index c8b0a164..d7b3c805 100644
--- a/src/views/profile/components/RolesNavbar.vue
+++ b/src/views/profile/components/RolesNavbar.vue
@@ -1,6 +1,6 @@
 <template>
   <el-form>
-    {{ $t('route.role') }}
+    <label>{{ $t('route.role') }}</label>
     <el-select
       v-model="currentRoleUuid"
       :filterable="isFiltrable"
@@ -15,7 +15,7 @@
       />
     </el-select>
 
-    {{ $t('route.organization') }}
+    <label>{{ $t('route.organization') }}</label>
     <el-select
       v-model="currentOrganizationUuid"
       :filterable="isFiltrable"
@@ -31,7 +31,7 @@
       />
     </el-select>
 
-    {{ $t('route.warehouse') }}
+    <label>{{ $t('route.warehouse') }}</label>
     <el-select
       v-model="currentWarehouseUuid"
       :filterable="isFiltrable"
@@ -157,3 +157,11 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+label {
+  font-weight: 400;
+  display: block;
+  margin-top: 5%;
+}
+</style>