From a0ab0c7be7a4e35f8599697a214ebd30fb1a43d6 Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Tue, 6 Feb 2018 18:51:09 +0100
Subject: [PATCH] Small style improvements.

---
 src/Squidex/app/shell/pages/internal/apps-menu.component.html | 2 +-
 src/Squidex/app/shell/pages/internal/apps-menu.component.scss | 4 ++++
 src/Squidex/app/theme/_bootstrap.scss                         | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Squidex/app/shell/pages/internal/apps-menu.component.html b/src/Squidex/app/shell/pages/internal/apps-menu.component.html
index 6e8ccfa47..f12ad5bd7 100644
--- a/src/Squidex/app/shell/pages/internal/apps-menu.component.html
+++ b/src/Squidex/app/shell/pages/internal/apps-menu.component.html
@@ -24,7 +24,7 @@
 
     <li class="nav-item" *ngIf="selectedApp && selectedApp.planUpgrade && selectedApp.planName && selectedApp.permission === 'Owner'">
         <div class="btn-group app-upgrade">
-            <button type="button" class="btn btn-primary">
+            <button type="button" class="btn btn-primary btn-plan">
                 You are on the <strong>{{selectedApp.planName}}</strong> plan.
             </button>
             <button type="button" class="btn btn-warning" [routerLink]="['/app', selectedApp.name, 'settings', 'plans']">
diff --git a/src/Squidex/app/shell/pages/internal/apps-menu.component.scss b/src/Squidex/app/shell/pages/internal/apps-menu.component.scss
index 76549fd09..3d926e031 100644
--- a/src/Squidex/app/shell/pages/internal/apps-menu.component.scss
+++ b/src/Squidex/app/shell/pages/internal/apps-menu.component.scss
@@ -72,6 +72,10 @@ $color-apps-border: #65a6ff;
         padding: .375rem;
     }
 
+    .btn-plan {
+        padding: .375rem 1rem;
+    }
+
     .btn-warning {
         color: $color-dark-foreground;
     }
diff --git a/src/Squidex/app/theme/_bootstrap.scss b/src/Squidex/app/theme/_bootstrap.scss
index 610851d2a..6de2cac4a 100644
--- a/src/Squidex/app/theme/_bootstrap.scss
+++ b/src/Squidex/app/theme/_bootstrap.scss
@@ -72,6 +72,10 @@
     }
 }
 
+.alert-info {
+    background: $color-theme-blue;
+}
+
 a {
     &:disabled,
     &.disabled {