X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;ds=sidebyside;f=client%2Fsrc%2Fapp%2F%2Badmin%2Fplugins%2Fshared%2Fplugin-list.component.scss;h=e4ddc9060df5a055eb9455f7ba8a4f3ebb8cd26d;hb=931d3430184143ebd88e5243def6eb1d7acfdbf4;hp=3663d3fddf2fc3f9e3bc0e03e157996a3431972b;hpb=f9e387ed05d79d3f88f95056720fb244d04805d2;p=github%2FChocobozzz%2FPeerTube.git

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 3663d3fdd..e4ddc9060 100644
--- 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,24 +20,39 @@
   .plugin-version {
     opacity: 0.6;
   }
-}
 
-.second-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+  .plugin-icon {
+    margin-left: 10px;
 
-  .description {
-    opacity: 0.8
+    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 {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  justify-content: space-between;
+
+  .description {
+    opacity: 0.8;
+  }
+}
+
 .action-button {
   @include peertube-button-link;
   @include button-with-icon(21px, 0, -2px);