UPD: Improved Tooltips and added Token user notice

frontend/src/views/netdb/tokens.vue

@@ -133,18 +133,17 @@
         <b-modal id="modal-token" size=lg title="Token erstellt">
             <b-input-group>
                 <b-form-input id="input-token" v-model="token" readonly/>
-                <b-tooltip target="input-token" :show.sync="token_copied" :disabled="!token_copied" placement="bottom" variant="primary">
+                <b-tooltip target="input-token" :show.sync="token_copied" :disabled="!token_copied" placement="bottom"
+                           variant="primary">
                     Kopiert.
                 </b-tooltip>
                 <b-input-group-append>
                     <b-button id="button-token-copy" variant="primary" @click="copyToken">
                         <font-awesome-icon :icon="['fas', 'copy']"/>
                     </b-button>
-                    <b-tooltip target="button-token-copy" triggers="hover">
-                        Token kopieren
-                    </b-tooltip>
                 </b-input-group-append>
             </b-input-group>
+            <b-alert show variant="warning" class="mb-0 mt-3">Bewahre das Token gut auf, denn hier wirst du es nicht mehr einsehen können!</b-alert>
             <template v-slot:modal-footer="{ok}">
                 <b-button variant="success" @click="ok">
                     Ok
@@ -214,7 +213,8 @@
                                         <template v-if="tokens_by_account[account.login_name].length === 1">
                                             {{tokens_by_account[account.login_name].length}} Token
                                         </template>
-                                        <template v-else>{{tokens_by_account[account.login_name].length}} Tokens</template>
+                                        <template v-else>{{tokens_by_account[account.login_name].length}} Tokens
+                                        </template>
                                     </template>
                                     <template v-else>0 Tokens</template>
                                 </b-badge>
@@ -244,7 +244,7 @@
                                 <font-awesome-icon :icon="['far', 'edit']"/>
                             </b-button>
                             <b-tooltip placement="bottom" :target="'button-edit-account-' + account.login_name"
-                                       triggers="hover">
+                                       triggers="hover" variant="primary">
                                 Account bearbeiten
                             </b-tooltip>
                         </b-col>
@@ -261,7 +261,8 @@
                                       @click="showModalCreateToken(account.login_name)">
                                 <font-awesome-icon :icon="['fas', 'plus']"/>
                             </b-button>
-                            <b-tooltip :target="'button-create-token-' +  account.login_name" triggers="hover">
+                            <b-tooltip :target="'button-create-token-' +  account.login_name" triggers="hover"
+                                       variant="success" placement="left">
                                 Token erstellen
                             </b-tooltip>
                         </template>
@@ -272,7 +273,7 @@
                                 <font-awesome-icon :icon="['far', 'edit']"/>
                             </b-button>
                             <b-tooltip :target="'button-edit-token-' + account.login_name+ '-' + data.index"
-                                       triggers="hover">
+                                       triggers="hover" variant="primary" placement="left">
                                 Token bearbeiten
                             </b-tooltip>
                         </template>