From 801216dfe9c4ee70c6b9a91c870af0da39c6daab Mon Sep 17 00:00:00 2001
From: spikecodes <19519553+spikecodes@users.noreply.github.com>
Date: Sun, 17 Jan 2021 13:24:44 -0800
Subject: [PATCH] Include code link on mobile

---
 static/style.css    | 27 +++++++++++++++++----------
 templates/base.html |  2 +-
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/static/style.css b/static/style.css
index 2d3b34e..4503ae5 100644
--- a/static/style.css
+++ b/static/style.css
@@ -32,23 +32,30 @@ body {
 }
 
 nav {
-	display: flex;
+	display: grid;
+	grid-template-areas: "logo searchbox code";
+
 	justify-content: space-between;
 	align-items: center;
+	
 	color: var(--accent);
 	background: var(--outside);
-	padding: 5px 15px;
-	font-size: 20px;
-	min-height: 40px;
-	position: fixed;
-	width: calc(100% - 30px);
 	box-shadow: var(--shadow);
-	top: 0;
+	
+	font-size: 20px;
+	
 	z-index: 1;
+	top: 0;
+	padding: 5px 15px;
+	min-height: 40px;
+	width: calc(100% - 30px);
+	position: fixed;
 }
 
 nav * { color: var(--text); }
-nav #reddit { color: var(--accent); }
+nav #reddit, #code { color: var(--accent); }
+nav #logo { grid-area: logo; }
+nav #code { grid-area: code; }
 nav #version { opacity: 25%; }
 
 #settings_link {
@@ -246,6 +253,7 @@ select, #search {
 }
 
 #searchbox {
+	grid-area: searchbox;
 	display: flex;
 	box-shadow: var(--shadow);
 	border-radius: 5px;
@@ -939,7 +947,7 @@ td, th {
 	}
 	
 	nav {
-		flex-direction: column;
+		grid-template-areas: 'logo code' 'searchbox searchbox';
 		padding: 10px;
 		width: calc(100% - 20px);
 	}
@@ -952,5 +960,4 @@ td, th {
 	#user, #sidebar { margin: 20px 0;	}
 	#logo { margin: 5px auto; }
 	#searchbox { width: 100%; }
-	#github {	display: none; }
 }
diff --git a/templates/base.html b/templates/base.html
index b01e205..84f50ca 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -26,7 +26,7 @@
 				<a id="settings_link" href="/settings">settings</a>
 			</p>
 			{% block search %}{% endblock %}
-			<a id="github" href="https://github.com/spikecodes/libreddit">GITHUB</a>
+			<a id="code" href="https://github.com/spikecodes/libreddit">code</a>
 		</nav>
 		
 		<!-- MAIN CONTENT -->