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 65ee6ec5fce31fb511b7262869299cb24bc9adf3..4a76f1783cff66ab0255e284be98ec9119953c56 100644 (file)
--- a/client/src/app/+admin/system/jobs/jobs.component.scss
+++ b/client/src/app/+admin/system/jobs/jobs.component.scss
@@ -1,22 +1,24 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 .select-job-state {
   min-width: 120px;
 }
 
-.job-id {
-  max-width: 30vw !important;
-}
+@media screen and (min-width: $primeng-breakpoint) {
+  .job-id {
+    max-width: 30vw !important;
+  }
 
-.job-type,
-.job-state,
-.job-priority {
-  width: 150px !important;
-}
+  .job-type,
+  .job-state,
+  .job-priority {
+    width: 150px !important;
+  }
 
-.job-date {
-  width: 170px !important;
+  .job-date {
+    width: 170px !important;
+  }
 }
 
 .admin-sub-header {
@@ -25,7 +27,7 @@
 
   .select-filter-block {
     &:not(:last-child) {
-      margin-right: 10px;
+      @include margin-right(10px);
     }
 
     label {
@@ -42,10 +44,6 @@
   }
 }
 
-td .glyphicon {
-  margin-right: 10px;
-}
-
 pre {
   font-size: 11px;
 }
@@ -53,7 +51,3 @@ pre {
 .job-error {
   color: #ff0000;
 }
-
-.badge {
-  @include table-badge;
-}