Use grid to organise settings in admin, my-account

[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 f1516240e7ce2294002c43b0edd1fe210468a9df..87a709b00b6911a75fa5ba984ab2363d3f8a28d7 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,6 +3,7 @@
 
 .plugin {
   margin: 15px 0;
+  background-color: var(--submenuColor);
 }
 
 .first-row {
@@ -20,7 +21,8 @@
 }
 
 .second-row {
-  display: flex;
+  display: grid;
+  grid-template-columns: 1fr auto;
   align-items: center;
   justify-content: space-between;
 
@@ -29,6 +31,7 @@
   }
 
   .buttons {
+    margin-left: 10px;
     > *:not(:last-child) {
       margin-right: 10px;
     }