1 files changed, 34 insertions, 13 deletions
diff --git a/src/components/PluginSettings/styles.css b/src/components/PluginSettings/styles.css
index fe8dc94..1626d7d 100644
--- a/src/components/PluginSettings/styles.css
+++ b/src/components/PluginSettings/styles.css
@@ -29,18 +29,32 @@
     border-radius: 8px;
     display: block;
     height: 100%;
-    padding: 10px;
+    padding: 12px;
     width: 100%;
     transition: 0.1s ease-out;
     transition-property: box-shadow, transform, background, opacity;
 }
 
+.vc-plugins-card-disabled {
+    opacity: 0.6;
+}
+
 .vc-plugins-card:hover {
     background-color: var(--background-tertiary);
     transform: translateY(-1px);
     box-shadow: var(--elevation-high);
 }
 
+.vc-plugins-card-header {
+    margin-top: auto;
+    display: flex;
+    width: 100%;
+    justify-content: flex-end;
+    height: 1.5rem;
+    align-items: center;
+    gap: 8px;
+}
+
 .vc-plugins-info-button {
     height: 24px;
     width: 24px;
@@ -92,23 +106,30 @@
     cursor: "default";
 }
 
-.vc-plugins-flex {
-    margin-top: auto;
-    width: 100%;
-    height: 100%;
-    align-items: center;
-    gap: 8px;
-}
-
 .vc-plugins-dep-name {
     margin: 0 auto;
 }
 
-.vc-plugins-reload-card {
+.vc-plugins-info-card {
     padding: 1em;
-    display: grid;
-    grid-template-columns: 1fr auto;
-    gap: 1em;
+    height: 8em;
+    display: flex;
+    flex-direction: column;
+}
+
+.vc-plugins-info-card div {
+    line-height: 32px;
+}
+
+.vc-plugins-restart-card {
+    padding: 1em;
+    background: var(--info-warning-background);
+    border: 1px solid var(--info-warning-foreground);
+    color: var(--info-warning-text);
+}
+
+.vc-plugins-restart-card button {
+    margin-top: 0.5em;
 }
 
 .vc-plugins-info-button svg:not(:hover):not(:focus) {