From 46441a2176ea8ea8b4fc2fa2aace5bc543187764 Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Thu, 3 Jan 2019 18:45:56 +0100
Subject: [PATCH] More styling improvements.

---
 src/Squidex/app/theme/_mixins.scss | 11 ++++++++---
 src/Squidex/wwwroot/theme.html     |  3 ++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/Squidex/app/theme/_mixins.scss b/src/Squidex/app/theme/_mixins.scss
index bc740d5e5..5032119a1 100644
--- a/src/Squidex/app/theme/_mixins.scss
+++ b/src/Squidex/app/theme/_mixins.scss
@@ -24,11 +24,16 @@
         color: $color;
     }
 
-    &:disabled {
+    &:disabled
+    &.disabled {
         @include opacity(.4);
-    }
-
+    }  
+    
     &:focus,
+    &.focus {
+        @include box-shadow-raw(0 0 0 $btn-focus-width rgba($color, .5));
+    }
+    
     &:active,
     &:hover {
         color: darken($color, 8%);
diff --git a/src/Squidex/wwwroot/theme.html b/src/Squidex/wwwroot/theme.html
index edb802685..068f9a5c8 100644
--- a/src/Squidex/wwwroot/theme.html
+++ b/src/Squidex/wwwroot/theme.html
@@ -134,6 +134,7 @@
                         <button type="button" class="btn btn-info">Info</button>
                         <button type="button" class="btn btn-warning">Warning</button>
                         <button type="button" class="btn btn-danger">Danger</button>
+                        <a class="btn btn-link">Link</a>
                     </p>
 
                     <p class="bs-component">
@@ -1295,7 +1296,7 @@
 
                 <div class="row">
                     <div class="col-lg-6">
-                        <h2>Dark</h2>
+                        <h2>Light</h2>
                         <div class="bs-component">
                             <div class="panel panel-light">
                                 <div class="panel-header">