Create container to horizontally scroll tables.

src/Website/Views/Account/Index.cshtml

@@ -7,7 +7,8 @@
 
 <h2>Manage API Keys</h2>
 <h3>Existing Keys</h3>
-<table class="actions">
+<div class="table-scroll-container">
+	<table class="actions">
 		@foreach (var apiKey in Model.ApiKeys)
 		{
 			<tr>
@@ -20,7 +21,8 @@
 				<td><a asp-action="DeleteApiKey" asp-route-key="@apiKey.Key"><img src="/images/delete.svg" alt="Delete" title="Delete" onclick="return confirm('Are you sure?')"/></a></td>
 			</tr>
 		}
-</table>
+	</table>
+</div>
 <h3>Create New Key</h3>
 <form asp-action="CreateApiKey">
 	<label for="new-key-name">Name: </label><input type="text" name="name" id="new-key-name" />

src/Website/Views/Home/Index.cshtml

@@ -9,14 +9,15 @@
 <p>If you wish to get in contact, then get in touch via my <a href="http://uk.linkedin.com/in/robertmarshall/" target="_blank"><img alt="LinkedIn profile" src="https://static.licdn.com/scds/common/u/img/webpromo/btn_liprofile_blue_80x15.png" title=""></a>.</p>
 
 <h2>Latest code commit</h2>
-<table class="commit-table">
+<div class="table-scroll-container">
+	<table class="commit-table">
 		<tr><td>Repository</td><td><a href="@Model.GitCommit.RepositoryUrl">@Model.GitCommit.RepositoryName</a></td></tr>
 		<tr><td>Branch</td><td>@Model.GitCommit.BranchName</td></tr>
 		<tr><td>SHA</td><td><a href="@Model.GitCommit.CommitUrl">@Model.GitCommit.Hash</a></td></tr>
 		<tr><td>Message</td><td>@Model.GitCommit.CommitMessage</td></tr>
 		<tr><td>Timestamp</td><td>@Model.GitCommit.Timestamp</td></tr>
-</table>
-
+	</table>
+</div>
 <h2>Latest Blog Post</h2>
 <h3><a href="/blog/view/@Model.BlogPost.Url">@Model.BlogPost.Title</a></h3>
 <partial name="~/Views/Blog/Entry.cshtml" , model="Model.BlogPost" />

src/Website/wwwroot/css/style.scss

@@ -227,6 +227,10 @@ form {
 	}
 }
 
+.table-scroll-container{
+	overflow-y: auto;
+}
+
 table.actions {
 	border-collapse: collapse;
 	width:100%;