From 9fe1aa751b8873bf9b28707dcb951980ededd1c6 Mon Sep 17 00:00:00 2001
From: DianaXWiki <139217939+DianaXWiki@users.noreply.github.com>
Date: Tue, 27 Aug 2024 11:49:43 +0300
Subject: [PATCH] Move media queries to bottom and remove '!important' styling

---
 .../src/less2/include/toolbar-history.less    | 67 +++++++++----------
 1 file changed, 33 insertions(+), 34 deletions(-)

diff --git a/customize.dist/src/less2/include/toolbar-history.less b/customize.dist/src/less2/include/toolbar-history.less
index 0f95c742e..194a32dcd 100644
--- a/customize.dist/src/less2/include/toolbar-history.less
+++ b/customize.dist/src/less2/include/toolbar-history.less
@@ -29,40 +29,6 @@
             font: @colortheme_app-font;
         }
 
-
-        @media screen and (max-width: 870px) {
-            flex-flow: column;
-            .cp-toolbar-history-actions {
-                width: 100%;
-                margin: 0.6rem 0;
-                height: auto !important;
-                .cp-history-actions-first {
-                    margin-right: 0 !important;
-                }
-                button {
-                    margin: 0.1rem !important;
-                }
-            }
-            .cp-toolbar-history-timeline {
-                width: ~"calc(100% - 20px)";
-                margin-right: 10px !important;
-            }
-        }
-
-        @media screen and (max-height: 500px) {
-            padding-top: 0px;
-            .cp-history-timeline-line {
-                display: none !important;
-            }
-            .cp-toolbar-history-timeline {
-                width: 100% !important;
-                margin: 0 !important;
-            }
-            .cp-history-timeline-actions {
-                margin-left: 0 !important;
-            }
-        }
-
         &.cp-history-init {
             padding: 0;
             height: 32px;
@@ -298,6 +264,39 @@
                 left: ~"calc(50% - 6px)";
             }
         }
+        @media screen and (max-width: 870px) {
+            flex-flow: column;
+            .cp-toolbar-history-actions {
+                width: 100%;
+                margin: 0.6rem 0;
+                height: auto;
+                .cp-history-actions-first {
+                    margin-right: 0 !important;
+                }
+                button {
+                    margin: 0.1rem;
+                }
+            }
+            .cp-toolbar-history-timeline {
+                width: ~"calc(100% - 20px)";
+                margin-right: 10px !important;
+            }
+        }
+
+        @media screen and (max-height: 500px) {
+            padding-top: 0px;
+            .cp-history-timeline-line {
+                display: none !important;
+            }
+            .cp-toolbar-history-timeline {
+                width: 100% !important;
+                margin: 0 !important;
+            }
+            .cp-history-timeline-actions {
+                margin-left: 0 !important;
+            }
+        }
+
     }
 }