From eed3d4e888c089fb752c59c34e6b4781a7bd452f Mon Sep 17 00:00:00 2001
From: Garrit Franke <garrit@slashdev.space>
Date: Tue, 12 Apr 2022 15:59:37 +0200
Subject: [PATCH] header: move theme toggle to left

---
 _includes/header-custom.html |  7 +++++--
 css/main.scss                | 12 ++++++++++--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/_includes/header-custom.html b/_includes/header-custom.html
index 18fef9f..78db6c2 100644
--- a/_includes/header-custom.html
+++ b/_includes/header-custom.html
@@ -1,17 +1,20 @@
 <header id="header">
-	<div class="action-container">
+	<div class="action-container action-container--left">
 		<!-- Dark Mode Button -->
 		<label class="switch">
 			<input type="checkbox">
 			<span class="slider round"></span>
 		</label>
-		<a class="rss" href="/atom.xml" target="_blank"><img class="rss-icon" src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
 	</div>
 	
 	<a href="{{ site.baseurl }}">
 		<img class="logo" src="{{ "/img/revuo-monero-logo.png" | prepend: site.baseurl | replace: '//', '/' }}" alt="Revuo Monero Logo">
 	</a>
 
+	<div class="action-container action-container--right">
+		<a class="rss" href="/atom.xml" target="_blank"><img class="rss-icon" src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
+	</div>
+
     <div class="revuo-classes">
         <a href="{{ site.baseurl }}" class="wk">Weekly</a>
         <a href="/periodicals/" class="pd">Periodical</a>
diff --git a/css/main.scss b/css/main.scss
index 58d60ab..e59cf29 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -109,14 +109,22 @@ time.by-line {
 }
 
 #header .action-container {
+  &--left {
+    left: 25px;
+    top: 35px;
+  }
+
+  &--right {
+    right: 80px;
+    top: 35px;
+  }
+
   align-items: center;
   display: flex;
   flex-direction: row;
   gap: 12px;
   height: 36px;
   position: absolute;
-  right: 80px;
-  top: 35px;
 }
 
 #header a.rss {