Refactor log level choice

1 files changed, 23 insertions, 22 deletions

diff --git a/client/src/app/+admin/system/logs/logs.component.scss b/client/src/app/+admin/system/logs/logs.component.scss
index b78f4c47f..fefa7efc2 100644
--- a/client/src/app/+admin/system/logs/logs.component.scss
+++ b/client/src/app/+admin/system/logs/logs.component.scss
@@ -59,7 +59,29 @@
   }
 }
 
-@media screen and (max-width: $small-view) {
+.level-choice {
+  font-size: 80%;
+  vertical-align: text-top;
+
+  &.debug {
+    color: rgb(197, 197, 197);
+  }
+
+  &.info {
+    color: rgb(136, 204, 247);
+  }
+
+  &.warn {
+    color: rgb(252, 166, 7);
+  }
+
+  &.error {
+    color: rgb(250, 5, 5);
+  }
+
+}
+
+@include on-small-main-col {
   .header {
     flex-direction: column;
 
@@ -77,24 +99,3 @@
     }
   }
 }
-
-@media screen and (max-width: #{$small-view + $menu-width}) {
-  :host-context(.main-col:not(.expanded)) {
-    .header {
-      flex-direction: column;
-
-      .peertube-select-container,
-      ng-select,
-      my-button {
-        @include margin-left(0 !important);
-
-        width: 100% !important;
-        margin-bottom: 10px !important;
-      }
-
-      my-button {
-        text-align: center;
-      }
-    }
-  }
-}