Make admin sub-navs, selects, buttons responsive (#2702)

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

diff --git a/client/src/app/+admin/plugins/plugins.component.scss b/client/src/app/+admin/plugins/plugins.component.scss
index 9f61bcf7a4b1cbfbe8f7441a83f4cd03b69e86ed..04ca8126ac8d39ff75900af7819aff6efa52905a 100644 (file)
--- a/client/src/app/+admin/plugins/plugins.component.scss
+++ b/client/src/app/+admin/plugins/plugins.component.scss
@@ -5,3 +5,29 @@
   flex-grow: 0;
   margin-right: 30px;
 }
+
+@media screen and (max-width: $small-view) {
+  ::ng-deep .plugins .plugin .first-row {
+    flex-wrap: wrap;
+
+    .plugin-name,
+    .plugin-version,
+    .plugin-icon {
+      margin-bottom: 10px;
+    }
+
+    .buttons {
+      my-edit-button,
+      my-delete-button,
+      my-button {
+        .action-button {
+          padding: 0 13px;
+        }
+
+        .button-label {
+          display: none;
+        }
+      }
+    }
+  }
+}