From b654f7a0d9f23be41b9df6c2ffddfdedfccc50ce Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Mon, 27 Jan 2020 21:01:28 +0300
Subject: [PATCH] Fix styles for moderate user button

---
 .../users/components/ModerationDropdown.vue      | 16 ++++++++++++++--
 src/views/users/show.vue                         |  2 +-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/views/users/components/ModerationDropdown.vue b/src/views/users/components/ModerationDropdown.vue
index 85b1fd72..b44a7c01 100644
--- a/src/views/users/components/ModerationDropdown.vue
+++ b/src/views/users/components/ModerationDropdown.vue
@@ -5,8 +5,8 @@
         {{ $t('users.moderation') }}
         <i v-if="isDesktop" class="el-icon-arrow-down el-icon--right"/>
       </span>
-      <el-button v-if="page === 'userPage'" class="actions-button">
-        <span class="actions-button-container">
+      <el-button v-if="page === 'userPage'" class="moderate-user-button">
+        <span class="moderate-user-button-container">
           <span>
             <i class="el-icon-edit" />
             {{ $t('users.moderateUser') }}
@@ -168,3 +168,15 @@ export default {
   }
 }
 </script>
+
+<style rel='stylesheet/scss' lang='scss'>
+  .moderate-user-button {
+    text-align: left;
+    width: 200px;
+    padding: 10px;
+  }
+  .moderate-user-button-container {
+    display: flex;
+    justify-content: space-between;
+  }
+</style>
diff --git a/src/views/users/show.vue b/src/views/users/show.vue
index 50849d0e..4748d3fe 100644
--- a/src/views/users/show.vue
+++ b/src/views/users/show.vue
@@ -167,7 +167,7 @@ table {
   padding: 0 20px 0 0;
 }
 .show-private {
-  width: 173px;
+  width: 200px;
   text-align: left;
   line-height: 67px;
   margin-right: 20px;