From 86360dd3cbb1d66535838d910c85b54f4de9a6ba Mon Sep 17 00:00:00 2001
From: Veit-Hendrik Schlenker <git@vhschlenker.de>
Date: Fri, 25 Oct 2019 01:55:21 +0200
Subject: [PATCH] Start drag only on row label (#337)

---
 src/app/vault/view.component.html | 16 +++++++++-------
 src/scss/misc.scss                |  4 ++++
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/app/vault/view.component.html b/src/app/vault/view.component.html
index d7edd9039c5..fc7947a690e 100644
--- a/src/app/vault/view.component.html
+++ b/src/app/vault/view.component.html
@@ -12,8 +12,9 @@
                 <!-- Login -->
                 <div *ngIf="cipher.login">
                     <div class="box-content-row box-content-row-flex" *ngIf="cipher.login.username">
-                        <div class="row-main" draggable="true" (dragstart)="setTextDataOnDrag($event, cipher.login.username)">
-                            <span class="row-label">{{'username' | i18n}}</span>
+                        <div class="row-main">
+                            <span class="row-label draggable" draggable="true"
+                                (dragstart)="setTextDataOnDrag($event, cipher.login.username)">{{'username' | i18n}}</span>
                             {{cipher.login.username}}
                         </div>
                         <div class="action-buttons">
@@ -24,8 +25,9 @@
                         </div>
                     </div>
                     <div class="box-content-row box-content-row-flex" *ngIf="cipher.login.password">
-                        <div class="row-main" draggable="true" (dragstart)="setTextDataOnDrag($event, cipher.login.password)">
-                            <span class="row-label">{{'password' | i18n}}</span>
+                        <div class="row-main">
+                            <span class="row-label draggable" draggable="true"
+                                (dragstart)="setTextDataOnDrag($event, cipher.login.password)">{{'password' | i18n}}</span>
                             <div [hidden]="showPassword" class="monospaced">
                                 {{cipher.login.maskedPassword}}</div>
                             <div [hidden]="!showPassword" class="monospaced password-wrapper" appSelectCopy
@@ -52,10 +54,10 @@
                         </div>
                     </div>
                     <div class="box-content-row box-content-row-flex totp" [ngClass]="{'low': totpLow}"
-                        *ngIf="cipher.login.totp && totpCode"
-                        draggable="true" (dragstart)="setTextDataOnDrag($event, totpCode)">
+                        *ngIf="cipher.login.totp && totpCode">
                         <div class="row-main">
-                            <span class="row-label">{{'verificationCodeTotp' | i18n}}</span>
+                            <span class="row-label draggable" draggable="true"
+                                (dragstart)="setTextDataOnDrag($event, totpCode)">{{'verificationCodeTotp' | i18n}}</span>
                             <span class="totp-code">{{totpCodeFormatted}}</span>
                         </div>
                         <span class="totp-countdown">
diff --git a/src/scss/misc.scss b/src/scss/misc.scss
index 67caae84aa2..ef14ea7168e 100644
--- a/src/scss/misc.scss
+++ b/src/scss/misc.scss
@@ -286,3 +286,7 @@ app-root > #loading {
 [hidden] {
     display: none !important;
 }
+
+.draggable {
+    cursor: move;
+}