From f15354157066422ec83b05b33c6f12bb200764c2 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Tue, 11 Feb 2020 15:17:47 +0700
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D1=85=D0=BE=D0=B4=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20quasar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Reader/SettingsPage/SettingsPage.vue      | 11 ++++++----
 .../SettingsPage/include/ProfilesTab.inc      | 20 ++++++++++---------
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/client/components/Reader/SettingsPage/SettingsPage.vue b/client/components/Reader/SettingsPage/SettingsPage.vue
index cc984193..8ddf0d20 100644
--- a/client/components/Reader/SettingsPage/SettingsPage.vue
+++ b/client/components/Reader/SettingsPage/SettingsPage.vue
@@ -492,6 +492,13 @@ selectedTabOld = null;//todo: remove
     margin-right: 15px;
     padding: 0 5px 0 5px;
 }
+
+.copy-icon {
+    margin-left: 5px;
+    cursor: pointer;
+    font-size: 120%;
+    color: blue;
+}
 </style>
 
 <style scoped>
@@ -526,10 +533,6 @@ selectedTabOld = null;//todo: remove
     overflow-y: auto;
     padding: 15px;
 }
-
-.center {
-    text-align: center;
-}
 </style>
 
 <style>
diff --git a/client/components/Reader/SettingsPage/include/ProfilesTab.inc b/client/components/Reader/SettingsPage/include/ProfilesTab.inc
index 5812b6e3..30fef704 100644
--- a/client/components/Reader/SettingsPage/include/ProfilesTab.inc
+++ b/client/components/Reader/SettingsPage/include/ProfilesTab.inc
@@ -52,24 +52,26 @@
     </div>
     <div class="item row">
         <div class="label-1"></div>
-        <div v-if="!serverStorageKeyVisible">
+        <div v-if="!serverStorageKeyVisible" class="col">
             <hr/>
             <b>{{ partialStorageKey }}</b> (часть вашего ключа)
             <hr/>
         </div>
-        <div v-else style="line-height: 100%">
+        <div v-else class="col" style="line-height: 100%">
             <hr/>
-            <div style="width: 300px; padding-top: 5px; overflow-wrap: break-word;"><b>{{ serverStorageKey }}</b></div>
-            <br><div class="center">
-                <q-btn class="button" style="width: 250px" dense no-caps @click="copyToClip(serverStorageKey, 'Ключ')">Скопировать ключ</q-btn>
+            <div style="width: 300px; padding-top: 5px; overflow-wrap: break-word;">
+                <b>{{ serverStorageKey }}</b>
+                <q-icon class="copy-icon" name="la la-copy" @click="copyToClip(serverStorageKey, 'Ключ')">
+                    <q-tooltip :delay="1000" anchor="top middle" self="center middle" content-style="font-size: 80%">Скопировать</q-tooltip>                    
+                </q-icon>            
             </div>
             <div v-if="mode == 'omnireader'">
                 <br>Переход по ссылке позволит автоматически ввести ключ доступа:
-                <br><div class="center" style="margin-top: 5px">
+                <br><div class="text-center" style="margin-top: 5px">
                     <a :href="setStorageKeyLink" target="_blank">Ссылка для ввода ключа</a>
-                </div>
-                <br><div class="center">
-                    <el-button size="mini" class="copy-button" @click="copyToClip(setStorageKeyLink, 'Ссылка')">Скопировать ссылку</el-button>
+                    <q-icon class="copy-icon" name="la la-copy" @click="copyToClip(setStorageKeyLink, 'Ссылка')">
+                        <q-tooltip :delay="1000" anchor="top middle" self="center middle" content-style="font-size: 80%">Скопировать</q-tooltip>                    
+                    </q-icon>            
                 </div>
             </div>
             <hr/>