diff --git a/.gitignore b/.gitignore
index 6e791f4..43edc99 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
 bin/
 obj/
 Snootalogue.db
+wwwroot/Content/*
diff --git a/Pages/Index.cshtml b/Pages/Index.cshtml
index c3678aa..67e8f24 100644
--- a/Pages/Index.cshtml
+++ b/Pages/Index.cshtml
@@ -17,12 +17,16 @@
 			<div class="category">Category: @Html.DisplayFor(modelItem => item.Category)</div>
 			<div class="tags">@Html.DisplayFor(modelItem => item.Tags)</div>
 			@{string hash = item.Hash.Substring(0, 8);}
-			<div class="metadata">@Html.DisplayFor(modelItem => item.Filename) | @Html.DisplayFor(modelItem => item.Size) | <span title="@Html.DisplayFor(modelItem => item.Hash)">@hash...</span></div>
+			<div class="metadata">
+				@Html.DisplayFor(modelItem => item.Filename) |
+				<span title="@item.Size bytes">@Html.DisplayFor(modelItem => item.Size)</span> |
+				<span title="SHA256 digest: @Html.DisplayFor(modelItem => item.Hash)">@hash...</span>
+			</div>
 		</div>
 		<div class="document-column right">
 			@* TODO: replace these with font awesome or something *@
 			<div class="vertical-buttons">
-				<a href="#" class="button simple">View</a>
+				<a href="/Content/@item.Filename" class="button simple">View</a>
 				<a asp-page="./Documents/Details" asp-route-id="@item.ID" class="button simple">Details</a>
 				<a href="#" class="button simple">Edit</a>
 				<a href="#" class="button simple">Delete</a>
diff --git a/Pages/Shared/_Layout.cshtml b/Pages/Shared/_Layout.cshtml
index e967518..6af4d8d 100644
--- a/Pages/Shared/_Layout.cshtml
+++ b/Pages/Shared/_Layout.cshtml
@@ -11,7 +11,11 @@
 <body>
 	<nav>
 		<div id="nav-links">Snootalogue - Link 1 - Link 2</div>
-		<input id="nav-search" type="search" placeholder="Search...">
+		<div id="nav-controls">
+			<input id="nav-search" type="search" placeholder="Search...">
+			<a class="button inverted" href="#">Help</a>
+			<a class="button inverted" href="#">Upload</a>
+		</div>
 	</nav>
 
 	<main>
diff --git a/wwwroot/css/style.css b/wwwroot/css/style.css
index d05d901..5c20103 100644
--- a/wwwroot/css/style.css
+++ b/wwwroot/css/style.css
@@ -24,10 +24,10 @@ a {
 
 a.button {
 	color: #a66;
-	background: white;
+	background: transparent;
 	border: thin #a66 solid;
 	border-radius: 5px;
-	padding: 5px;
+	padding: 5px 10px;
 	text-align: center;
 	transition: 0.2s all;
 }
@@ -39,6 +39,14 @@ a.button.block {
 	display: inline-block;
 	margin: 5px auto;
 }
+a.button.inverted {
+	color: white;
+	border-color: white;
+}
+a.button.inverted:hover {
+	background: white;
+	color: #a00;
+}
 
 .vertical-buttons {
 	display: flex;
@@ -146,3 +154,9 @@ main {
 		max-width: 90%;
 	}
 }
+
+@media only screen and (max-width: 800px) {
+	a.button {
+		padding: 3px 5px;
+	}
+}
