From d033470851d06f50d614a0234cdf2a3cf764f496 Mon Sep 17 00:00:00 2001
From: Sercan Yemen <117369+srcn@users.noreply.github.com>
Date: Wed, 25 May 2022 23:17:12 +0300
Subject: [PATCH] (layout) Fixed: The theme settings cog is not positioned
 correctly in Empty layout

---
 src/app/layout/common/settings/settings.component.html | 2 +-
 src/app/layout/common/settings/settings.component.ts   | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/layout/common/settings/settings.component.html b/src/app/layout/common/settings/settings.component.html
index 2c5068d5..b0a3052e 100644
--- a/src/app/layout/common/settings/settings.component.html
+++ b/src/app/layout/common/settings/settings.component.html
@@ -1,5 +1,5 @@
 <div
-    class="fixed flex items-center justify-center right-0 w-10 h-10 shadow-lg rounded-l-lg z-90 cursor-pointer bg-red-600 bg-opacity-90 print:hidden"
+    class="settings-cog fixed flex items-center justify-center right-0 w-10 h-10 shadow-lg rounded-l-lg z-90 cursor-pointer bg-red-600 bg-opacity-90 print:hidden"
     [class.lg:right-0]="config.layout === 'centered' || config.layout === 'material'"
     [class.lg:right-16]="config.layout !== 'centered' && config.layout !== 'material'"
     style="top: 275px"
diff --git a/src/app/layout/common/settings/settings.component.ts b/src/app/layout/common/settings/settings.component.ts
index c33dae0e..52ff44a0 100644
--- a/src/app/layout/common/settings/settings.component.ts
+++ b/src/app/layout/common/settings/settings.component.ts
@@ -16,6 +16,13 @@ import { Layout } from 'app/layout/layout.types';
                 flex: none;
                 width: auto;
             }
+
+            @media (screen and min-width: 1280px) {
+
+                empty-layout + settings .settings-cog {
+                    right: 0 !important;
+                }
+            }
         `
     ],
     encapsulation: ViewEncapsulation.None