Move to stylelint

[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / plugins / shared / plugin-list.component.scss

diff --git a/client/src/app/+admin/plugins/shared/plugin-list.component.scss b/client/src/app/+admin/plugins/shared/plugin-list.component.scss
index 87a709b00b6911a75fa5ba984ab2363d3f8a28d7..e4ddc9060df5a055eb9455f7ba8a4f3ebb8cd26d 100644 (file)
--- a/client/src/app/+admin/plugins/shared/plugin-list.component.scss
+++ b/client/src/app/+admin/plugins/shared/plugin-list.component.scss
@@ -3,10 +3,12 @@
 
 .plugin {
   margin: 15px 0;
-  background-color: var(--submenuColor);
+  background-color: pvar(--submenuBackgroundColor);
 }
 
 .first-row {
+  display: flex;
+  align-items: center;
   margin-bottom: 10px;
 
   .plugin-name {
@@ -18,6 +20,26 @@
   .plugin-version {
     opacity: 0.6;
   }
+
+  .plugin-icon {
+    margin-left: 10px;
+
+    my-global-icon {
+      @include apply-svg-color(pvar(--greyForegroundColor));
+
+      &[iconName=npm] {
+        @include fill-svg-color(pvar(--greyForegroundColor));
+      }
+    }
+  }
+
+  .buttons {
+    margin-left: auto;
+    width: max-content;
+    > *:not(:last-child) {
+      margin-right: 10px;
+    }
+  }
 }
 
 .second-row {
@@ -27,14 +49,7 @@
   justify-content: space-between;
 
   .description {
-    opacity: 0.8
-  }
-
-  .buttons {
-    margin-left: 10px;
-    > *:not(:last-child) {
-      margin-right: 10px;
-    }
+    opacity: 0.8;
   }
 }