From d890307d6be0a2d2a4df79a033d624119e9e9300 Mon Sep 17 00:00:00 2001
From: Lynnesbian <lynne@bune.city>
Date: Thu, 17 Sep 2020 23:47:13 +1000
Subject: [PATCH] more CSS tweaks, removed 'view' button

---
 Pages/Index.cshtml    | 23 +++++++++++------------
 wwwroot/css/style.css | 15 ++++++++++++---
 2 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/Pages/Index.cshtml b/Pages/Index.cshtml
index 54d7815..1377e23 100644
--- a/Pages/Index.cshtml
+++ b/Pages/Index.cshtml
@@ -12,21 +12,20 @@
 	<div class="document">
 		<div class="document-column left" style="background-image:url('/img/placeholder.png');"></div>
 		<div class="document-column centre">
-			<div class="title">@Html.DisplayFor(modelItem => item.Title)</div>
-			<div class="authors">By @Html.DisplayFor(modelItem => item.Authors)</div>
-			<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) |
-				<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="title"><a href="/Content/@item.Filename">@Html.DisplayFor(modelItem => item.Title)</a></div>
+				<div class="authors">By @Html.DisplayFor(modelItem => item.Authors)</div>
+				<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) |
+					<span title="@item.Size bytes">@Html.DisplayFor(modelItem => item.Size)</span> |
+					<span title="SHA256 digest: @Html.DisplayFor(modelItem => item.Hash)">@hash...</span>
+				</div>
+		</div> @* end of document-column centre *@
 		<div class="document-column right">
 			@* TODO: replace these with font awesome or something *@
 			<div class="vertical-buttons">
-				<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 asp-page="./Documents/Edit" asp-route-id="@item.ID" class="button simple">Edit</a>
 				<a href="#" class="button simple">Delete</a>
diff --git a/wwwroot/css/style.css b/wwwroot/css/style.css
index bff48dd..00a9bb9 100644
--- a/wwwroot/css/style.css
+++ b/wwwroot/css/style.css
@@ -19,7 +19,12 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 a {
-	text-decoration: none;
+	text-decoration: underline dotted transparent;
+	color: #a66;
+	transition: 0.2s;
+}
+a:not(.button):hover {
+	text-decoration: underline dotted;
 }
 
 .button {
@@ -103,6 +108,10 @@ main {
 
 .document-column {
 	width: 10%;
+	padding: 0 10px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
 }
 .document-column.left {
 	background-size: contain;
@@ -147,13 +156,13 @@ main {
 	width: min-content;
 }
 
-@media only screen and (min-width: 900px) {
+@media only screen and (min-width: 1000px) {
 	.documents {
 		max-width: 80%;
 	}
 }
 
-@media only screen and (min-width: 600px) and (max-width: 899px) {
+@media only screen and (min-width: 600px) and (max-width: 999px) {
 	.documents {
 		max-width: 90%;
 	}