From ae0ec434fc6947dae9a78799293e306d52c7fb39 Mon Sep 17 00:00:00 2001
From: Matthieu Leproux <leproux.matthieu@gmail.com>
Date: Tue, 12 Oct 2021 14:49:26 +0200
Subject: [PATCH] fixes #1510 compact mode config btn css is good now

---
 .../default/template/plugins_installed.tpl    |  6 ++--
 admin/themes/default/theme.css                | 34 +++++++++++++++----
 2 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/admin/themes/default/template/plugins_installed.tpl b/admin/themes/default/template/plugins_installed.tpl
index 4a2a84a25..236ef7cdc 100644
--- a/admin/themes/default/template/plugins_installed.tpl
+++ b/admin/themes/default/template/plugins_installed.tpl
@@ -302,7 +302,7 @@ jQuery(".pluginMiniBox").each(function(index){
             </div>
           {else}
             <div class="tiptip" title="{'N/A'|translate}">
-              <a class="icon-cog unavailablePlugin"></a>
+              <a><i class="icon-cog"></i></a>
             </div>
           {/if}
         {elseif $plugin.STATE == 'inactive'}
@@ -311,8 +311,8 @@ jQuery(".pluginMiniBox").each(function(index){
                   <a href="{$plugin.SETTINGS_URL}"><span class="icon-cog"></span></a>
               </div>
           {else}
-              <div class="tiptip" title="{'Settings'|@translate}"> 
-                <a href="{$plugin.SETTINGS_URL}"><span class="icon-cog"></span></a>
+              <div class="tiptip" title="{'N/A'|@translate}"> 
+                  <a><i class="icon-cog"></i></a>
               </div>
           {/if}
         {elseif $plugin.STATE == 'missing'}
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index c6083ebf8..a1022dae1 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -2171,16 +2171,38 @@ h2:lang(en) { text-transform:capitalize; }
   opacity: 0.7;
 }
 
-.pluginMiniBox.active .pluginActionsSmallIcons a span {
-  background: #ffc17e;
-  color: #3c3c3c;
+.pluginMiniBox.plugin-active .pluginActionsSmallIcons a span {
+  background: #ffc17e !important;
+  color: #3c3c3c !important;
 }
 
-.pluginMiniBox.active .pluginActionsSmallIcons a span:hover {
-  background: #ff7700;
-  color: #111;
+.pluginMiniBox.plugin-active .pluginActionsSmallIcons a span:hover {
+  background: #ff7700 !important;
+  color: #111 !important;
 }
 
+.pluginMiniBox.plugin-inactive .pluginActionsSmallIcons a span{
+  background: #ececec !important;
+  color: #3c3c3c !important;
+} 
+
+.pluginMiniBox.plugin-inactive .pluginActionsSmallIcons a i {
+  background: #ececec !important;
+  color: #3c3c3c !important;
+  border-radius: 5px;
+  padding: 2px 2px;
+  opacity: 0.7;
+} 
+
+.pluginMiniBox.plugin-active .pluginActionsSmallIcons a i {
+  background: #ececec !important;
+  color: #3c3c3c !important;
+  border-radius: 5px;
+  padding: 2px 2px;
+  opacity: 0.5;
+} 
+
+
 .AddPluginSuccess span,
 .RestorePluginSuccess span,
 .DeactivatePluginSuccess span {