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

1 files changed, 26 insertions, 0 deletions

diff --git a/client/src/app/+admin/plugins/plugins.component.scss b/client/src/app/+admin/plugins/plugins.component.scss
index 9f61bcf7a..04ca8126a 100644
--- 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;
+        }
+      }
+    }
+  }
+}