-@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 {
}
.job-error {
- color: red;
+ color: #ff0000;
}