From 398eaaf79be1fa5274480e5076a54f82ce35ec5a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 19 Jun 2018 17:01:45 +0300
Subject: fixed the UI

---
 .../user_card_content/user_card_content.vue          | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
index c7a270f1..36aa11ab 100644
--- a/src/components/user_card_content/user_card_content.vue
+++ b/src/components/user_card_content/user_card_content.vue
@@ -10,9 +10,11 @@
         </a>
         <div class="floater" v-if="switcher || isOtherUser">
           <!-- id's need to be unique, otherwise vue confuses which user-card checkbox belongs to -->
-          <input type="color" :id="'userHighlightColor'+user.id" v-if="userHighlightEnabled" v-model="userHighlightColor"/>
-          <input type="checkbox" class="button" :id="'userHighlightCheck'+user.id" v-model="userHighlightEnabled">
-          <label :title="$t('settings.highlight')" :for="'userHighlightCheck'+user.id"></label>
+          <input class="userHighlightCl" type="color" :id="'userHighlightColor'+user.id" v-if="userHighlightEnabled" v-model="userHighlightColor"/>
+          <input type="checkbox" class="userHighlightChk" :id="'userHighlightCheck'+user.id" v-model="userHighlightEnabled">
+          <label :title="$t('settings.highlight')" :for="'userHighlightCheck'+user.id">
+            <i class="icon-brush"></i>
+          </label>
         </div>
         <div class='container'>
           <router-link :to="{ name: 'user-profile', params: { id: user.id } }">
@@ -287,5 +289,17 @@
 .floater {
   float: right;
   margin-top: 16px;
+
+  .userHighlightCl {
+    padding: 2px 10px;
+    height: 22px;
+    vertical-align: top;
+    margin-right: 0
+  }
+
+  .userHighlightChk + label::before {
+    vertical-align: top;
+    margin-right: 0
+  }
 }
 </style>
-- 
cgit v1.2.3-70-g09d2