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 4a3de92740666fa0ed2fd34d0d40dbbcb96be171..4a76f1783cff66ab0255e284be98ec9119953c56 100644 (file)
--- a/client/src/app/+admin/system/jobs/jobs.component.scss
+++ b/client/src/app/+admin/system/jobs/jobs.component.scss
@@ -1,28 +1,33 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
-.job-id {
-  max-width: 30vw !important;
+.select-job-state {
+  min-width: 120px;
 }
 
-.job-type {
-  width: 150px !important;
-}
+@media screen and (min-width: $primeng-breakpoint) {
+  .job-id {
+    max-width: 30vw !important;
+  }
 
-.job-date {
-  width: 170px !important;
-}
+  .job-type,
+  .job-state,
+  .job-priority {
+    width: 150px !important;
+  }
 
-.job-state {
-  max-width: 60px;
+  .job-date {
+    width: 170px !important;
+  }
 }
 
 .admin-sub-header {
+  flex-direction: row !important;
   justify-content: flex-end;
 
   .select-filter-block {
     &:not(:last-child) {
-      margin-right: 10px;
+      @include margin-right(10px);
     }
 
     label {
@@ -33,10 +38,10 @@
       @include peertube-select-container(auto);
     }
   }
-}
 
-td .glyphicon {
-  margin-right: 10px;
+  .button-filter-block {
+    align-self: flex-end;
+  }
 }
 
 pre {
@@ -44,5 +49,5 @@ pre {
 }
 
 .job-error {
-  color: red;
+  color: #ff0000;
 }