From f45fd47cdda5590170568e15826e3716d593a842 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Pfeuffer?= <rene.pfeuffer@cloudogu.com>
Date: Tue, 16 Nov 2021 14:55:06 +0100
Subject: [PATCH] Fix color for available plugins

Fixes the background of the plugins in the "Available Plugins" section in the settings.
---
 gradle/changelog/fix_available_plugins.yaml | 2 ++
 scm-ui/ui-components/src/CardColumn.tsx     | 8 +++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 gradle/changelog/fix_available_plugins.yaml

diff --git a/gradle/changelog/fix_available_plugins.yaml b/gradle/changelog/fix_available_plugins.yaml
new file mode 100644
index 0000000000..a14afddc44
--- /dev/null
+++ b/gradle/changelog/fix_available_plugins.yaml
@@ -0,0 +1,2 @@
+- type: fixed
+  description: Color for available plugins
diff --git a/scm-ui/ui-components/src/CardColumn.tsx b/scm-ui/ui-components/src/CardColumn.tsx
index cdfc8af572..9d758795f8 100644
--- a/scm-ui/ui-components/src/CardColumn.tsx
+++ b/scm-ui/ui-components/src/CardColumn.tsx
@@ -49,6 +49,12 @@ const InheritFlexShrinkDiv = styled.div`
   pointer-events: all;
 `;
 
+const InvisibleButton = styled.button`
+  background: none;
+  border: none;
+  cursor: pointer;
+`;
+
 const CardColumn: FC<Props> = ({
   link,
   avatar,
@@ -69,7 +75,7 @@ const CardColumn: FC<Props> = ({
     createLink = <Link className="overlay-column" to={link} />;
   } else if (action) {
     createLink = (
-      <button
+      <InvisibleButton
         className="overlay-column"
         onClick={(e) => {
           e.preventDefault();