Introduce actions table style

src/Website/Views/Blog/Manage.cshtml

@@ -6,10 +6,10 @@
 
 <a href="/blog/edit">New Post</a>
 
-<table class="post-list">
+<table class="actions">
 	@foreach (var post in Model) {
-		<tr class="post-list__post">
-			<td><a href="/blog/view/@post.Url">@post.Title</a></td>
+		<tr>
+			<td class="stretch"><a href="/blog/view/@post.Url">@post.Title</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>

src/Website/wwwroot/css/blog.scss

@@ -169,11 +169,3 @@
 		transition: none; // Fix weird scroll issue as a result of site-wide transition.
 	}
 }
-
-.post-list {
-    border-collapse: collapse;
-
-    &__post:hover {
-        background: $Grey-300;
-    }
-}

src/Website/wwwroot/css/style.scss

@@ -227,6 +227,33 @@ form {
 	}
 }
 
+table.actions {
+	border-collapse: collapse;
+	width:100%;
+
+	tr:hover {
+		background: $Grey-300;
+	}
+
+	td {
+		&.stretch{
+			width: 99%;
+		}
+		
+		&.nowrap{
+			white-space: nowrap;
+		}
+		
+		&:not(:first-child) {
+			padding-left: 5px;
+
+			pre {
+				margin: 0;
+			}
+		}
+	}
+}
+
 @import "blog.scss";
 @import "home.scss";