From 09a39b1ebb5e3e615f53daa24c69bdc736b56a44 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 8 Jun 2022 14:46:26 +0200
Subject: [PATCH] Fixup btn-primary when background is used

---
 src/theme.scss     | 8 ++++++++
 src/views/app.html | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/theme.scss b/src/theme.scss
index 200f2fdcc..483b54b3b 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -1988,6 +1988,14 @@ tag-input {
         }
     }
 
+    .btn-primary {
+        background-color: #2196f3c7;
+
+        &:hover {
+            background-color: #2196f3;
+        }
+    }
+
     .input-group-btn {
         .btn-default {
             border-color: #ccc;
diff --git a/src/views/app.html b/src/views/app.html
index 4e0edad7f..b642afb55 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -569,7 +569,7 @@
           <a ng-href="{{ app | applicationLink }}" target="_blank" ng-class="{ 'hand': (app | appIsInstalledAndHealthy) }" ng-click="(app | appIsInstalledAndHealthy) && app.pendingPostInstallConfirmation && postInstallMessage.show(true)">{{ app.label || app.fqdn }} <sup ng-show="app | appIsInstalledAndHealthy"><i class="fas fa-external-link-alt" style="font-size: 12px;"></i></sup></a>
         </h1>
         <div>
-          <button class="btn btn-sm btn-default" ng-class="{ 'btn-primary': uninstall.startButton }" ng-click="uninstall.toggleRunState(true)" ng-disabled="app.taskId || app.error || app.installationState === 'pending_start' || app.installationState === 'pending_stop'" uib-tooltip="{{ uninstall.startButton ? ('app.uninstall.startStop.startAction' | tr) : ('app.uninstall.startStop.stopAction' | tr) }}" tooltip-append-to-body="true" tooltip-placement="bottom">
+          <button class="btn btn-sm" ng-class="{ 'btn-primary': uninstall.startButton, 'btn-default': !uninstall.startButton }" ng-click="uninstall.toggleRunState(true)" ng-disabled="app.taskId || app.error || app.installationState === 'pending_start' || app.installationState === 'pending_stop'" uib-tooltip="{{ uninstall.startButton ? ('app.uninstall.startStop.startAction' | tr) : ('app.uninstall.startStop.stopAction' | tr) }}" tooltip-append-to-body="true" tooltip-placement="bottom">
             <i ng-show="app.installationState === 'pending_start' || app.installationState === 'pending_stop'" class="fa fa-circle-notch fa-spin"></i>
             <i ng-hide="app.installationState === 'pending_start' || app.installationState === 'pending_stop'" class="fas" ng-class="{ 'fa-power-off': !uninstall.startButton, 'fa-play': uninstall.startButton }"></i>
           </button>