From 74bb429a340d9cf8fc34efb8123feac1f6ab7a02 Mon Sep 17 00:00:00 2001
From: Lukas Hirt <lukashirt@mail.com>
Date: Mon, 3 Aug 2020 11:19:33 +0200
Subject: [PATCH] Turn roles buttons into radio inputs

---
 ui/components/accounts/AccountsListRow.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/ui/components/accounts/AccountsListRow.vue b/ui/components/accounts/AccountsListRow.vue
index c7136d937b..90ccb51fed 100644
--- a/ui/components/accounts/AccountsListRow.vue
+++ b/ui/components/accounts/AccountsListRow.vue
@@ -20,11 +20,18 @@
         close-on-click
         :options="{ delayHide: 0 }"
       >
-        <ul class="uk-nav">
-          <li v-for="role in roles" :key="role.id" class="uk-margin-small">
-            <oc-button variation="raw" @click="changeRole(role.id)">
-              <span v-text="role.displayName" :class="{ 'uk-text-bold': role === currentRole }" />
-            </oc-button>
+        <ul class="uk-list">
+          <li v-for="role in roles" :key="role.id">
+            <label>
+              <input
+                type="radio"
+                class="oc-radiobutton"
+                v-model="currentRole"
+                :value="role"
+                @change="changeRole(role.id)"
+              />
+              {{ role.displayName }}
+            </label>
           </li>
         </ul>
       </oc-drop>