From 4e9bf0c3a569c59ce3bf703a381c1c877f92944a Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 26 Oct 2019 22:29:18 +0200
Subject: [PATCH] :art: (Account) Update title style

---
 src/views/accounts/AccountItem.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/accounts/AccountItem.vue b/src/views/accounts/AccountItem.vue
index 5411edb..19a2580 100644
--- a/src/views/accounts/AccountItem.vue
+++ b/src/views/accounts/AccountItem.vue
@@ -2,8 +2,8 @@
   <section class="hero is-fullheight account-item" v-if="account">
     <account-encrypted v-if="isEncrypted" />
     <div class="account-item-container">
-      <h2 class="title is-2">
-        {{ account.name }}
+      <h2 class="title is-2 account-title">
+        <span :style="colorStyle()">{{ account.name }}</span>
         <router-link
           v-if="isAdmin"
           class="tag"
@@ -468,6 +468,7 @@ export default class AccountItem extends BaseAccount {
 
 <style lang="scss">
 @import '../../styles/variables';
+
 .account-item {
   font-size: 14pt;
 
@@ -475,6 +476,13 @@ export default class AccountItem extends BaseAccount {
   a {
     color: var(--primary-font-color);
   }
+  .account-title {
+    margin: 10px 0;
+    span {
+      padding: 0 10px;
+      margin: 0 10px;
+    }
+  }
 
   .tabs.is-toggle {
     max-width: 400pt;