From 182377fd98bc4f57a6689221132fa46b887d1791 Mon Sep 17 00:00:00 2001
From: panbread <93918332+Panniku@users.noreply.github.com>
Date: Wed, 2 Oct 2024 11:26:12 +0400
Subject: [PATCH] fix(PluginCard): make infocard consistent (#44)

---
 src/components/PluginSettings/index.tsx  | 2 +-
 src/components/PluginSettings/styles.css | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/PluginSettings/index.tsx b/src/components/PluginSettings/index.tsx
index 0ccdea80..8e23d0bc 100644
--- a/src/components/PluginSettings/index.tsx
+++ b/src/components/PluginSettings/index.tsx
@@ -346,7 +346,7 @@ export default function PluginSettings() {
             <ReloadRequiredCard required={changes.hasChanges} />
 
             <div className={cl("stats-container")} style={{
-                marginTop: "12px",
+                marginTop: "16px",
                 gap: "16px",
                 display: "flex",
                 flexDirection: "row",
diff --git a/src/components/PluginSettings/styles.css b/src/components/PluginSettings/styles.css
index 848ac5e4..45e3506b 100644
--- a/src/components/PluginSettings/styles.css
+++ b/src/components/PluginSettings/styles.css
@@ -64,6 +64,8 @@
     display: flex;
     flex-direction: column;
     background-color: var(--background-secondary-alt) !important;
+    transition: 0.1s ease-out;
+    transition-property: box-shadow, transform, background, opacity;
 }
 
 .vc-plugins-info-card div {
@@ -99,6 +101,7 @@
     transition-property: box-shadow, transform, background, opacity;
 }
 
+.vc-plugins-info-card:hover,
 .vc-plugin-stats:hover {
     background-color: var(--background-tertiary);
     transform: translateY(-1px);