From e335e4d2f1e11ab9c6009d68c00b1a3a8538c7f2 Mon Sep 17 00:00:00 2001
From: Camil Staps
Date: Thu, 7 Dec 2023 11:29:26 +0100
Subject: Improve navigation placement on wide screens

---
 resources/pug/finals/index.pug |  2 --
 resources/sass/style.scss      | 12 +++++-------
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/resources/pug/finals/index.pug b/resources/pug/finals/index.pug
index 3103735..caab671 100644
--- a/resources/pug/finals/index.pug
+++ b/resources/pug/finals/index.pug
@@ -60,8 +60,6 @@ block content
 						a(href="https://nl.linkedin.com/in/camilstaps")
 							i.fab.fa-lg.fa-linkedin(title="LinkedIn")
 
-		hr
-
 		section
 			p.larger#lead
 				| I am a PhD candidate in linguistics.
diff --git a/resources/sass/style.scss b/resources/sass/style.scss
index e313315..723f68c 100644
--- a/resources/sass/style.scss
+++ b/resources/sass/style.scss
@@ -58,16 +58,18 @@ body {
 	 * scrolling down. */
 	#sticky-nav {
 		display: table-cell;
-		/* 970px is width of .container; 200px is width of #sticky-nav. This
+		/* 970px is width of .container; 180px is width of #sticky-nav. This
 		 * places the nav buttons to the left of the content. */
-		left: calc(50% - 970px/2 - 160px);
+		left: calc(50% - 970px/2 - 180px);
 		/* 216px is the height of the profile image. */
 		padding-top: calc(216px + 2em);
 		text-align: right;
-		width: 160px;
+		width: 180px;
 	}
 
 	#sticky-nav ul {
+		border-right: 1px solid #eee;
+		padding: 1em 1em 1em 0;
 		position: sticky;
 		top: 1em;
 	}
@@ -106,10 +108,6 @@ div#basicinfo {
 	margin-top: 1em;
 }
 
-p#lead {
-	margin-top: 1em;
-}
-
 hr {
 	clear: both;
 	margin: 0;
-- 
cgit v1.2.3