Create container to horizontally scroll tables.

src/Website/Views/Account/Index.cshtml

@@ -7,6 +7,7 @@
 
 <h2>Manage API Keys</h2>
 <h3>Existing Keys</h3>
+<div class="table-scroll-container">
 	<table class="actions">
 		@foreach (var apiKey in Model.ApiKeys)
 		{
@@ -21,6 +22,7 @@
 			</tr>
 		}
 	</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,6 +9,7 @@
 <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>
+<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>
@@ -16,7 +17,7 @@
 		<tr><td>Message</td><td>@Model.GitCommit.CommitMessage</td></tr>
 		<tr><td>Timestamp</td><td>@Model.GitCommit.Timestamp</td></tr>
 	</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%;