Improved breadcrumb navigation

Co-authored-by: LarsVomMars <lars@kroenner.eu>

3 files changed, 21 insertions, 0 deletions

diff --git a/src/main/resources/css/files.css b/src/main/resources/css/files.css
index ba47202..9037d3a 100644
--- a/src/main/resources/css/files.css
+++ b/src/main/resources/css/files.css
@@ -2,6 +2,11 @@
     transition: all .2s linear;
 }
 
+.navigation {
+    position: relative;
+    padding: 0;
+}
+
 .navigation a {
     text-decoration: none;
     color: inherit;
diff --git a/src/main/resources/css/fileview.css b/src/main/resources/css/fileview.css
index bc30926..06b5778 100644
--- a/src/main/resources/css/fileview.css
+++ b/src/main/resources/css/fileview.css
@@ -2,6 +2,10 @@ html, body {
     overflow: visible;
 }
 
+.navigation {
+    position: relative;
+}
+
 .modify, .switch, .settings, .preview {
     display: none;
 }
diff --git a/src/main/resources/css/layout.css b/src/main/resources/css/layout.css
index b319e24..a0a8f37 100644
--- a/src/main/resources/css/layout.css
+++ b/src/main/resources/css/layout.css
@@ -22,6 +22,18 @@ button {
     color: #424242;
 }
 
+.navigation {
+    padding: 8px;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.navigation a {
+    text-decoration: none;
+    color: inherit;
+}
+
 .flex {
     display: flex;
     flex-flow: wrap column;