From 4aacc06af0cde650d3da3cbc8dbd4f8ee36ad84c Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Tue, 12 Jun 2018 14:06:42 -0400
Subject: [PATCH] disabled button styling

---
 src/app/vault/add-edit.component.html |  2 +-
 src/scss/styles.scss                  | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/vault/add-edit.component.html b/src/app/vault/add-edit.component.html
index 3e9ca0ee4b2..ae73467e918 100644
--- a/src/app/vault/add-edit.component.html
+++ b/src/app/vault/add-edit.component.html
@@ -86,7 +86,7 @@
                                 <div class="input-group">
                                     <input class="form-control" id="loginUri{{i}}" type="text" name="Login.Uris[{{i}}].Uri" [(ngModel)]="u.uri" placeholder="{{'ex' | i18n}} https://google.com">
                                     <div class="input-group-append">
-                                        <button type="button" class="btn btn-outline-secondary" appBlurClick title="{{'launch' | i18n}}" (click)="launch(u)" tabindex="-1">
+                                        <button type="button" class="btn btn-outline-secondary" appBlurClick title="{{'launch' | i18n}}" (click)="launch(u)" [disabled]="!u.canLaunch" tabindex="-1">
                                             <i class="fa fa-lg fa-share"></i>
                                         </button>
                                         <button type="button" class="btn btn-outline-secondary" appBlurClick title="{{'copyUri' | i18n}}" (click)="copy(u.uri, 'uri', 'URI')"
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 3ce3ca6b9dc..cce8effb593 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -163,14 +163,20 @@ form label:not(.form-check-label) {
     font-weight: bold;
 }
 
-.btn[class*="btn-outline-"]:not(:hover) {
-    background-color: #ffffff;
+.btn[class*="btn-outline-"] {
+    &:not(:hover) {
+        background-color: #ffffff;
+    }
+
+    &:disabled {
+        opacity: 1;
+    }
 }
 
 .btn-outline-secondary {
     color: $text-muted;
 
-    &:hover {
+    &:hover:not(:disabled) {
         color: $body-color;
     }
 }