From 199a4787066a6ef15f17a324ca57e183da6d8013 Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Mon, 9 Nov 2020 10:59:44 +0100
Subject: [PATCH] fix nav toggle on mobile screens

---
 src/components/Main.vue | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/components/Main.vue b/src/components/Main.vue
index aaf180d..d723f3f 100644
--- a/src/components/Main.vue
+++ b/src/components/Main.vue
@@ -257,13 +257,9 @@ export default {
 
 <style>
 
-.app-navigation-toggle {
-	display: none;
-}
-
-.app-content-vue {
-	padding-left: 5px;
-}
+/* Make breadcrumbs sticky and intransparent.
+   Move them to the right and show navigation
+	 toggle on smaller screens */
 
 .breadcrumbs {
 	background-color: var(--color-main-background-translucent);
@@ -272,6 +268,16 @@ export default {
 	position: -webkit-sticky;
 	top: 50px;
 	padding-bottom: 5px;
+	margin-left: 35px;
+}
+
+@media only screen and (min-width: 1024px) {
+	.app-navigation-toggle {
+		display: none;
+	}
+	.breadcrumbs {
+		margin-left: 0px;
+	}
 }
 
 </style>