chore: small changes

src/Console/Console.scss

@@ -10,8 +10,8 @@
     padding-bottom: 0;
   }
   .control {
-    @include control();
     padding: 10px 10px 10px 35px;
+    @include control();
     .icon-clear {
       padding-right: 0px;
       left: 0;
@@ -96,10 +96,10 @@
         border-right: 1px solid var(--border);
         height: 40px;
         line-height: 40px;
+        transition: background-color $anim-duration, color $anim-duration;
         &:last-child {
           border-right: none;
         }
-        transition: background-color $anim-duration, color $anim-duration;
         &:active {
           color: var(--select-foreground);
           background: var(--highlight);

src/Elements/Elements.scss

@@ -9,8 +9,8 @@
     font-size: 14px;
   }
   .control {
-    @include control();
     padding: 10px 0;
+    @include control();
     .icon-eye {
       right: 0;
     }
@@ -86,7 +86,6 @@
     color: var(--foreground);
     margin: 10px 0;
     h2 {
-      @include right-btn();
       color: var(--primary);
       background: var(--darker-background);
       border-top: 1px solid var(--border);
@@ -94,6 +93,7 @@
       line-height: 18px;
       font-size: $font-size;
       transition: background-color $anim-duration;
+      @include right-btn();
       &.active-effect {
         cursor: pointer;
       }

src/Network/Network.scss

@@ -7,9 +7,9 @@
     padding-top: 39px;
   }
   .control {
-    @include control();
     padding: 10px;
     border-bottom: none;
+    @include control();
     .title {
       font-size: $font-size;
     }
@@ -91,6 +91,8 @@
       .section {
         border-top: 1px solid var(--border);
         border-bottom: 1px solid var(--border);
+        margin-top: 10px;
+        margin-bottom: 10px;
         h2 {
           background: var(--darker-background);
           color: var(--primary);
@@ -98,8 +100,6 @@
           line-height: 18px;
           font-size: $font-size;
         }
-        margin-top: 10px;
-        margin-bottom: 10px;
         table {
           color: var(--foreground);
           * {

src/Resources/Resources.scss

@@ -34,11 +34,11 @@
     }
   }
   .title {
-    @include right-btn();
     padding: $padding;
     line-height: 18px;
     color: var(--primary);
     background: var(--darker-background);
+    @include right-btn();
   }
   .link-list {
     font-size: $font-size-s;
@@ -52,20 +52,20 @@
     }
   }
   .image-list {
-    @include clear-float();
     color: var(--foreground);
     font-size: $font-size-s;
     display: flex;
     flex-wrap: wrap;
     padding: $padding !important;
+    @include clear-float();
     li {
       flex-grow: 1;
       cursor: pointer;
+      overflow-y: hidden;
       &.image {
         height: 100px;
         font-size: 0;
       }
-      overflow-y: hidden;
       img {
         height: 100px;
         min-width: 100%;

src/style/style.scss

@@ -4,9 +4,6 @@
 
 .container {
   min-width: 320px;
-  &.dark {
-    color-scheme: dark;
-  }
   pointer-events: none;
   position: fixed;
   left: 0;
@@ -18,6 +15,9 @@
   font-family: $font-family;
   font-size: $font-size;
   direction: ltr;
+  &.dark {
+    color-scheme: dark;
+  }
   * {
     box-sizing: border-box;
     pointer-events: all;