Replace all glyphicon icons

[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..4a76f1783cff66ab0255e284be98ec9119953c56 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,47 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
-.peertube-select-container {
-  @include peertube-select-container(auto);
+.select-job-state {
+  min-width: 120px;
+}
+
+@media screen and (min-width: $primeng-breakpoint) {
+  .job-id {
+    max-width: 30vw !important;
+  }
+
+  .job-type,
+  .job-state,
+  .job-priority {
+    width: 150px !important;
+  }
+
+  .job-date {
+    width: 170px !important;
+  }
+}
+
+.admin-sub-header {
+  flex-direction: row !important;
+  justify-content: flex-end;
+
+  .select-filter-block {
+    &:not(:last-child) {
+      @include margin-right(10px);
+    }
+
+    label {
+      margin-bottom: 2px;
+    }
+
+    .peertube-select-container {
+      @include peertube-select-container(auto);
+    }
+  }
+
+  .button-filter-block {
+    align-self: flex-end;
+  }
 }
 
 pre {
@@ -10,5 +49,5 @@ pre {
 }
 
 .job-error {
-  color: red;
+  color: #ff0000;
 }