From f13eed5663a6104170ddfce41fc3d19d824b4ae3 Mon Sep 17 00:00:00 2001
From: Matteo Pagliazzi <matteopagliazzi@gmail.com>
Date: Mon, 20 Aug 2018 15:40:31 +0200
Subject: [PATCH] fix inbox modal header

---
 website/client/components/userMenu/inbox.vue | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/website/client/components/userMenu/inbox.vue b/website/client/components/userMenu/inbox.vue
index 59866b51f8..6989165363 100644
--- a/website/client/components/userMenu/inbox.vue
+++ b/website/client/components/userMenu/inbox.vue
@@ -8,13 +8,16 @@
               .svg-icon.envelope(v-html="icons.messageIcon")
             .col-6
               h2.text-center(v-once) {{ $t('messages') }}
-          .svg-icon.close(v-html="icons.svgClose", @click='close()')
+        .col-4.offset-3
           toggle-switch.float-right(
             :label="optTextSet.switchDescription",
             :checked="!this.user.inbox.optOut"
             :hoverText="optTextSet.popoverText",
             @change="toggleOpt()"
           )
+        .col-1
+          .close
+            span.svg-icon.inline.icon-10(aria-hidden="true", v-html="icons.svgClose", @click="close()")
     .row
       .col-4.sidebar
         .search-section
@@ -69,14 +72,6 @@
     margin: 0;
   }
 
-  .close {
-    margin-top: .5em;
-    width: 15px;
-    position: absolute;
-    top: -1.9em;
-    right: 0.3em;
-  }
-
   .sidebar {
     background-color: $gray-700;
     min-height: 600px;