From 36cf43f7b976cfb1f6b771cdaf9902dce6d8f736 Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Fri, 13 Apr 2018 15:11:04 +0200
Subject: [PATCH] Improve layout on editor pages for small screens

---
 pages/editor/editor.pixy      | 13 ++++++-------
 pages/editor/editor.scarlet   | 10 ++++++++++
 styles/corner-buttons.scarlet |  3 ---
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/pages/editor/editor.pixy b/pages/editor/editor.pixy
index 80a9f3a6..ce52d875 100644
--- a/pages/editor/editor.pixy
+++ b/pages/editor/editor.pixy
@@ -30,8 +30,7 @@ component Editor(url string, score int, scoreTitle string, scoreTypes map[string
 component EditorTabs(url string, user *arn.User)
 	.corner-buttons-left
 		a.button(href="/editor")
-			Icon("arrow-left")
-			span Overview
+			RawIcon("arrow-left")
 	
 	if strings.Contains(url, "/editor/anime/")
 		.tabs
@@ -74,15 +73,15 @@ component EditorTabs(url string, user *arn.User)
 			Tab("Low-Res", "image", "/editor/anime/image/lowres" + user.Settings().Editor.Filter.Suffix())
 			Tab("Ultra Low-Res", "image", "/editor/anime/image/ultralowres" + user.Settings().Editor.Filter.Suffix())
 	
-	if strings.Contains(url, "/editor/anime/") || strings.Contains(url, "/editor/mal/diff/anime")
-		.corner-buttons.fixed
-			#filter-root(data-url=url)
-			ExploreFilters(user.Settings().Editor.Filter.Year, user.Settings().Editor.Filter.Status, user.Settings().Editor.Filter.Type, true)
-	
 	if strings.Contains(url, "/editor/soundtracks/")
 		.tabs
 			Tab("Links", "external-link", "/editor/soundtracks/links")
 			Tab("Lyrics", "font", "/editor/soundtracks/lyrics")
 			Tab("Tags", "tag", "/editor/soundtracks/tags")
 			Tab("File", "volume-off", "/editor/soundtracks/file")
+	
+	if strings.Contains(url, "/editor/anime/") || strings.Contains(url, "/editor/mal/diff/anime")
+		.editor-filters
+			#filter-root(data-url=url)
+			ExploreFilters(user.Settings().Editor.Filter.Year, user.Settings().Editor.Filter.Status, user.Settings().Editor.Filter.Type, true)
 	
\ No newline at end of file
diff --git a/pages/editor/editor.scarlet b/pages/editor/editor.scarlet
index f781057f..dd99724a 100644
--- a/pages/editor/editor.scarlet
+++ b/pages/editor/editor.scarlet
@@ -6,6 +6,9 @@
 	img
 		margin-right 1rem
 
+.editor-filters
+	//
+
 .editor-list-entry-count
 	margin-top 0
 	margin-bottom content-padding
@@ -18,3 +21,10 @@
 
 .feature-card-color-company
 	background hsl(150, feature-card-saturation, feature-card-lightness) !important
+
+> 1550px
+	.editor-filters
+		position fixed
+		right content-padding
+		top content-padding
+		z-index 1
\ No newline at end of file
diff --git a/styles/corner-buttons.scarlet b/styles/corner-buttons.scarlet
index 17dbb84b..1c6c0d83 100644
--- a/styles/corner-buttons.scarlet
+++ b/styles/corner-buttons.scarlet
@@ -26,9 +26,6 @@ mixin corner-buttons
 	.button
 		margin-left 0.5rem
 
-.fixed
-	position fixed
-
 < 600px
 	.corner-buttons-hide-on-mobile
 		display none