delete attachment string and disabled styles

src/popup/scss/base.scss

@@ -1,4 +1,4 @@
-@import "variables.scss";
+@import "variables.scss";
 
 * {
     box-sizing: border-box;
@@ -142,6 +142,11 @@ header {
             text-decoration: underline;
         }
 
+        &[disabled] {
+            opacity: 0.65;
+            cursor: default !important;
+        }
+
         i + span {
             margin-left: 5px;
         }

src/popup/scss/buttons.scss

@@ -1,4 +1,4 @@
-@import "variables.scss";
+@import "variables.scss";
 
 .btn {
     background-color: $button-backgound-color;
@@ -43,7 +43,7 @@
 
     &[disabled] {
         opacity: 0.65;
-        cursor: default;
+        cursor: default !important;
     }
 
     &.block {

src/popup/vault/attachments.component.html

@@ -25,9 +25,9 @@
                     </div>
                     <small class="row-sub-label">{{a.sizeName}}</small>
                     <div class="action-buttons no-pad">
-                        <button class="row-btn btn" type="button" appStopClick appBlurClick title="{{'delete' | i18n}}"
+                        <button class="row-btn btn" type="button" appStopClick appBlurClick
-                           (click)="delete(a)" #deleteBtn [appApiAction]="deletePromises[a.id]"
+                                title="{{'deleteAttachment' | i18n}}" (click)="delete(a)" #deleteBtn
-                           [disabled]="deleteBtn.loading">
+                                [appApiAction]="deletePromises[a.id]" [disabled]="deleteBtn.loading">
                             <i class="fa fa-trash-o fa-lg fa-fw" [hidden]="deleteBtn.loading"></i>
                             <i class="fa fa-spinner fa-spin fa-lg fa-fw" [hidden]="!deleteBtn.loading"></i>
                         </button>