From 8574a6a1d130c9ad0b8430a2a9d20a0d7025f912 Mon Sep 17 00:00:00 2001
From: Robert Marshall <rob@robware.uk>
Date: Fri, 3 Jan 2020 19:43:23 +0000
Subject: [PATCH] Blog UI tweaks

---
 Website/Views/Blog/Manage.cshtml |  6 +++---
 Website/wwwroot/css/blog.less    | 10 +++++++++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/Website/Views/Blog/Manage.cshtml b/Website/Views/Blog/Manage.cshtml
index 4a52798..5696dfc 100644
--- a/Website/Views/Blog/Manage.cshtml
+++ b/Website/Views/Blog/Manage.cshtml
@@ -6,12 +6,12 @@
 
 <a href="/blog/edit">New Post</a>
 
-<table>
+<table class="post-list">
 	@foreach (var post in Model) {
-		<tr>
+		<tr class="post-list__post">
 			<td><a href="/blog/view/@post.Url">@post.Title</a></td>
-			<td><a href="/blog/view/@post.Url?preview=true"><img src="/images/blog.svg" alt="Preview" title="Preview"/></a></td>
 			<td><a href="edit?id=@post.Id"><img src="/images/edit.svg" alt="Edit" title="Edit"/></a></td>
+			<td><a href="/blog/view/@post.Url?preview=true"><img src="/images/blog.svg" alt="Preview" title="Preview"/></a></td>
 			<td><a href="publish?id=@post.Id"><img src="/images/send.svg" alt="Publish" title="Publish" onclick="return confirm('Are you sure?')"/></a></td>
 			<td><a href="delete?id=@post.Id"><img src="/images/delete.svg" alt="Delete" title="Delete" onclick="return confirm('Are you sure?')"/></a></td>
 		</tr>
diff --git a/Website/wwwroot/css/blog.less b/Website/wwwroot/css/blog.less
index 3acdc52..9da5372 100644
--- a/Website/wwwroot/css/blog.less
+++ b/Website/wwwroot/css/blog.less
@@ -53,4 +53,12 @@
 			flex: 1 1 auto;
 		}
 	}
-}
\ No newline at end of file
+}
+
+.post-list{
+	border-collapse: collapse;
+
+	&__post:hover{
+		background: @Grey-300;
+		margin: 5px;
+	}
\ No newline at end of file