From cdf1913288c890fdbc6c93dd82e14280c98cb6b8 Mon Sep 17 00:00:00 2001
From: Rajat Jain <rajatjain.ix@gmail.com>
Date: Fri, 9 Oct 2020 16:21:24 +0530
Subject: [PATCH] Moved tools section to left

Signed-off-by: Rajat Jain <rajatjain.ix@gmail.com>

Added Media query

Added whitespace at tend

New line bug

space after curly brace

Using bootstrap Mixins

RTL support Added.
---
 themes/bootstrap/scss/_common.scss | 7 +++++++
 themes/metro/scss/_common.scss     | 7 +++++++
 themes/pmahomme/scss/_common.scss  | 7 +++++++
 3 files changed, 21 insertions(+)

diff --git a/themes/bootstrap/scss/_common.scss b/themes/bootstrap/scss/_common.scss
index 2b0c7e7cf4..b3d23dc8e5 100644
--- a/themes/bootstrap/scss/_common.scss
+++ b/themes/bootstrap/scss/_common.scss
@@ -3801,3 +3801,10 @@ body .ui-dialog {
 .ui-timepicker-div dl .ui_tpicker_timezone select {
   margin-left: 50px;
 }
+
+// Extra large devices (large desktops, 1200px and up)
+@include media-breakpoint-up(xl){
+  div.tools {
+    text-align: #{$left};
+  }
+}
diff --git a/themes/metro/scss/_common.scss b/themes/metro/scss/_common.scss
index 508ffcab37..ea06e4a824 100644
--- a/themes/metro/scss/_common.scss
+++ b/themes/metro/scss/_common.scss
@@ -3771,3 +3771,10 @@ body {
     float: left;
   }
 }
+
+// Extra large devices (large desktops, 1200px and up)
+@include media-breakpoint-up(xl){
+  div.tools {
+    text-align: #{$left};
+  }
+}
diff --git a/themes/pmahomme/scss/_common.scss b/themes/pmahomme/scss/_common.scss
index 2f972b4abc..9494c3a2b1 100644
--- a/themes/pmahomme/scss/_common.scss
+++ b/themes/pmahomme/scss/_common.scss
@@ -3860,3 +3860,10 @@ body .ui-dialog {
   margin-top: 4px;
   height: 0.75rem;
 }
+
+// Extra large devices (large desktops, 1200px and up)
+@include media-breakpoint-up(xl){
+  div.tools {
+    text-align: #{$left};
+  }
+}