From 65fa720666729ff0818c74ab2d9fde5f8787d148 Mon Sep 17 00:00:00 2001
From: Juan Cruz Viotti <juanchiviotti@gmail.com>
Date: Thu, 19 Nov 2015 13:52:32 -0400
Subject: [PATCH] all: Fix button outline on focus

Fixes: https://github.com/resin-io/herostratus/issues/24
---
 lib/components/hero-button.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/lib/components/hero-button.html b/lib/components/hero-button.html
index 36f23a33..83fe2111 100644
--- a/lib/components/hero-button.html
+++ b/lib/components/hero-button.html
@@ -17,6 +17,15 @@
 
         position: relative;
       }
+
+      /*
+       * Remove blue/orange outline
+       * !important is needed here for some reason
+       * despite the rule having top precedence.
+       */
+      :host ::content button.btn:focus {
+        outline: none !important;
+      }
     </style>
 
     <button type="button" class="btn" disabled="{{disabled}}">