From 9cc4d96b1e394e2ba995263d1401fb812dd1542c Mon Sep 17 00:00:00 2001
From: Sasha Koshka <sashakoshka@tebibyte.media>
Date: Sat, 8 Oct 2022 22:17:03 -0400
Subject: [PATCH] Added watch, star, and fork buttons

---
 prototype/index.html | 15 +++++++++++----
 prototype/style.css  | 10 ++++++++++
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/prototype/index.html b/prototype/index.html
index 51cafe5..43b96fb 100644
--- a/prototype/index.html
+++ b/prototype/index.html
@@ -60,11 +60,18 @@ for the JavaScript code in this page.
 </div>
 
 <header>
-	viewing
-	<span class=linkedPath>
-		<a href="/">owner</a>/<a href="/">repo</a>/<a href="/">branch</a>
+	<span>
+		viewing
+		<span class=linkedPath>
+			<a href="/">owner</a>/<a href="/">repo</a>/<a href="/">branch</a> |
+			gitea@git.tebibyte.media:/owner/repo
+		</span>
 	</span>
-	as user
+	<ul class=buttonList>
+		<li><a href="/">watch</a></li>
+		<li><a href="/">star</a></li>
+		<li><a href="/">fork</a></li>
+	</ul>
 </header>
 
 
diff --git a/prototype/style.css b/prototype/style.css
index da4d15a..86b1760 100644
--- a/prototype/style.css
+++ b/prototype/style.css
@@ -109,6 +109,16 @@ nav {
 
 header {
 	padding: 0 1rem;
+	display: flex;
+	justify-content: space-between;
+	flex-wrap: wrap;
+	gap: 1rem;
+}
+
+header .buttonList {
+	display: inline;
+	text-align: right;
+	white-space: nowrap;
 }
 
 #contentWrap {