From 70bbc76aa2ab25485e2aa7397907b87994d2b727 Mon Sep 17 00:00:00 2001
From: "Felix W. Dekker" <felix@fwdekker.com>
Date: Fri, 30 Apr 2021 13:29:25 +0200
Subject: [PATCH] Prevent nav elements from obscuring each other

Fixes #19.
---
 package.json                  | 2 +-
 src/main/css/snippets/nav.css | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 17fa79b..3f91ef3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fwdekker/template",
-    "version": "2.3.0",
+    "version": "2.3.1",
     "description": "The base template for pages on fwdekker.com.",
     "author": "Felix W. Dekker",
     "license": "MIT",
diff --git a/src/main/css/snippets/nav.css b/src/main/css/snippets/nav.css
index 286e7f9..8224a8e 100644
--- a/src/main/css/snippets/nav.css
+++ b/src/main/css/snippets/nav.css
@@ -1,5 +1,7 @@
 /* Base elements */
 nav {
+    z-index: 10;
+
     margin: 0;
     width: 100%;
 
@@ -11,7 +13,6 @@ nav {
 }
 
 nav * {
-    z-index: 10;
     vertical-align: middle;
 }
 
@@ -82,6 +83,8 @@ nav li.currentPage {
 
 /* Second level nesting */
 nav ul li ul {
+    z-index: 11;
+
     display: none;
     position: absolute;
     left: 0;