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

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

diff --git a/client/src/app/+admin/system/jobs/jobs.component.scss b/client/src/app/+admin/system/jobs/jobs.component.scss
index ab05f1982599d9ee59a7f01ceae8aadf2c279c83..c33e14292f71b63c6091c77177b307b6fd5e4b59 100644 (file)
--- a/client/src/app/+admin/system/jobs/jobs.component.scss
+++ b/client/src/app/+admin/system/jobs/jobs.component.scss
@@ -1,8 +1,43 @@
 @import '_variables';
 @import '_mixins';
 
-.peertube-select-container {
-  @include peertube-select-container(auto);
+.job-id {
+  max-width: 30vw !important;
+}
+
+.job-type {
+  width: 150px !important;
+}
+
+.job-date {
+  width: 170px !important;
+}
+
+.job-state {
+  max-width: 60px;
+}
+
+.admin-sub-header {
+  flex-direction: row !important;
+  justify-content: flex-end;
+
+  .select-filter-block {
+    &:not(:last-child) {
+      margin-right: 10px;
+    }
+
+    label {
+      margin-bottom: 2px;
+    }
+
+    .peertube-select-container {
+      @include peertube-select-container(auto);
+    }
+  }
+}
+
+td .glyphicon {
+  margin-right: 10px;
 }
 
 pre {