More github design updates

app/app/styles/section/github.scss

@@ -42,11 +42,19 @@
 .section-github-render {
 
 	h3 {
-		margin: 40px 0;
+		    margin-bottom: 0px;
+	}
+
+	p {
+		margin: 0px;
+	}
+
+	.github-board {
+		margin-top: 30px;
 	}
 
 	table {
-		margin: 0px!important;
+		margin-left: 0px!important;
 	}
 
 	thead.github th {
@@ -63,6 +71,18 @@
     	padding: 15px 30px !important;
 	}
 
+	span.label-private {
+		font-weight: normal;
+		color: #4c4a42;
+		background-color: #ffefc6;
+		padding: 3px 4px;
+		font-size: 12px;
+		border-radius: 2px;
+		box-shadow: inset 0 -1px 0 rgba(0,0,0,0.12);
+		line-height: 1;
+		margin-left: 10px;
+	}
+
 	table.milestone-table {
 		td a.link {
 			font-size: 18px;
@@ -73,6 +93,18 @@
 			font-size: 18px;
 		}
 
+		td span.date-meta {
+			margin-right: 10px;
+			font-size: 14px;
+			color: #767676;
+
+			img {
+				height: 14px;
+    			margin-right: 10px;
+			}
+
+		}
+
 		progress[value] {
 			background-color: #eeeeee;
 			border-radius: 3px;
@@ -81,6 +113,10 @@
 		}
 	}
 
+	table.contributor-table {
+		    margin-top: 30px !important;
+	}
+
 	.github-avatar {
 		float: left;
 		margin-right: 20px;
@@ -108,7 +144,7 @@
 
 		td span.milestone {
 			color: #3c3c3c;
-			font-size: 18px;
+			font-size: 15px;
 		}
 
 		li.github-commit-item {

core/section/github/commits_template.go

@@ -16,7 +16,7 @@ const commitsTemplate = `
 
 {{if .HasAuthorStats}}
 
-	<h3>Contributor activity since {{.Config.Since}}{{.Config.DateMessage}}</h3>
+	<h3>Contributor activity</h3>
 	<table class="contributor-table" style="width: 100%;">
 		<thead class="github">
 			<tr>
@@ -50,24 +50,21 @@ const commitsTemplate = `
 {{end}}
 
 {{if .HasCommits}}
-	<h3>Commits activity since {{.Config.Since}}{{.Config.DateMessage}}</h3>
+	<h3>Commits activity</h3>
 
 	<table class="contributor-table" style="width: 100%;">
 		<thead class="github">
 			<tr>
-				<th class="title">Repository:Branch</th>
-				<th class="title">Date</th>
 				<th class="title">Contributor</th>
-				<th class="title">Commits</th>
+				<th class="title">Commits / Date</th>
+				<th class="title">Repository:Branch</th>
 			</tr>
 		</thead>
 
 		<tbody class="github">
 		{{range $commit := .BranchCommits}}
 			<tr>
-				<td style="width: 20%;">{{if $commit.ShowBranch}}{{$commit.Repo}}:{{$commit.Branch}}{{end}}</td>
-				<td style="width: 15%;">{{if $commit.ShowDate}}{{$commit.Date}}{{end}}</td>
-				<td style="width: 15%;">
+				<td style="width: 20%;">
 					{{if $commit.ShowUser}}
 					<div class="github-avatar">
 						<img alt="@{{$commit.Name}}" src="{{$commit.Avatar}}" height="36" width="36">
@@ -75,7 +72,11 @@ const commitsTemplate = `
 					 {{$commit.Name}}
 					{{end}}
 				</td>
-				<td style="width: 50%;"><a class="link" href="{{$commit.URL}}">{{$commit.Message}}</td>
+				<td style="width: 40%;">
+					<a class="link" href="{{$commit.URL}}">{{$commit.Message}}</a><br>
+					<span class="date-meta">{{if $commit.ShowDate}}{{$commit.Date}}{{end}}</span>
+				</td>
+				<td style="width: 30%;">{{if $commit.ShowBranch}}{{$commit.Repo}}:{{$commit.Branch}}{{end}}</td>
 			</tr>
 		{{end}}
 		</tbody>

core/section/github/issues_template.go

@@ -25,7 +25,8 @@ const (
 	issuesTemplate = `
 <div class="section-github-render">
 {{if .HasIssues}}
-	<h3>Issues: {{.ClosedIssues}} closed, {{.OpenIssues}} open</h3>
+	<h3>Issues</h3>
+	<p>There are {{.ClosedIssues}} closed and {{.OpenIssues}} open</p>
 	<p>
 		{{if .ShowList}}
 			Including issues labelled
@@ -43,8 +44,7 @@ const (
 	<table class="issue-table" style="width: 100%;">
 	    <thead class="github">
 	        <tr>
-	            <th class="title">Repository</th>
-	            <th class="title">Milestone</th>
+				<th class="title">Repository / Milestone</th>
 				<th class="title">Issues</th>
 	        </tr>
 	    </thead>
@@ -52,9 +52,11 @@ const (
 	    <tbody class="github">
 		{{range $data := .Issues}}
 	        <tr>
-	            <td style="width: 20%;"><span><a class="link" href="{{$data.URL}}">{{$data.Repo}}</a></span> {{if $data.Private}}(Private){{end}}</td>
-	            <td style="width: 20%;"><span class="milestone">{{$data.Milestone}}</span></td>
-	            <td style="width: 60%;">
+	            <td style="width: 30%;">
+					<span><a class="link" href="{{$data.URL}}">{{$data.Repo}}</a></span>{{if $data.Private}}<span class="label-private">Private</span>{{end}}</br>
+					<span class="milestone">{{$data.Milestone}}</span>
+				</td>
+				<td style="width: 70%;">
 					<li class="github-commit-item">
 					<a class="link" href="{{$data.URL}}">
 						<div class="issue-avatar">

core/section/github/milestones_template.go

@@ -31,14 +31,15 @@ const (
 <div class="section-github-render">
 
 	{{if .HasMilestones}}
-		<h3>Milestones: {{.ClosedMS}} closed, {{.OpenMS}} open</h3>
+		<h3>Milestones</h3>
+		<p>There are {{.ClosedMS}} closed and {{.OpenMS}} open</p>
 		<div class="github-board">
 		<table class="milestone-table" style="width: 100%;">
 		    <thead class="github">
 		        <tr>
 		            <th class="title">Repository</th>
 		            <th class="title">Milestone</th>
-		            <th class="title">Issue Progress</th>
+		            <th class="title">Progress</th>
 					<th class="title"></th>
 		        </tr>
 		    </thead>
@@ -46,13 +47,18 @@ const (
 		    <tbody class="github">
 			{{range $data := .Milestones}}
 		        <tr>
-		            <td style="width: 15%;"><span><a class="link" href="{{$data.URL}}">{{$data.Repo}}</a></span> {{if $data.Private}}(Private){{end}}</td>
-		            <td style="width: 30%;"><span class="milestone">{{$data.Name}}</span><br>
+		            <td style="width: 30%;">
+						<span><a class="link" href="{{$data.URL}}">{{$data.Repo}}</a></span>
+						{{if $data.Private}}<span class="label-private">Private</span>{{end}}
+					</td>
+		            <td style="width: 35%;">
+					<span class="milestone">{{$data.Name}}</span><br>
 						{{if $data.IsMilestone}}
-							{{$data.DueDate}} <span><img src="assets/img/github/icon-last-updated.png" alt="Last Updated">Last updated {{$data.UpdatedAt}}</span>
+							<span class="date-meta">{{$data.DueDate}}</span>
+							<span class="date-meta"><img src="assets/img/github/icon-last-updated.png" alt="Last Updated">Last updated {{$data.UpdatedAt}}</span>
 						{{end}}
 					</td>
-		            <td style="width: 45%;">
+		            <td style="width: 30%;">
 						{{if $data.IsMilestone}}
 							<progress value="{{$data.Progress}}" max="100"></progress> <br>
 							{{$data.CompleteMsg}} complete {{$data.OpenIssues}} open {{$data.ClosedIssues}} closed
@@ -60,7 +66,7 @@ const (
 							{{$data.OpenIssues}} open {{$data.ClosedIssues}} closed
 						{{end}}
 					</td>
-					<td style="width: 10%;">
+					<td style="width: 5%;">
 						{{if $data.IsOpen}}
 							` + openMSsvg + `
 						{{else}}

core/section/github/summary_template.go

@@ -14,7 +14,7 @@ package github
 const summaryTemplate = `
 <div class="section-github-render">
 
-	<h3>
+	<h5>
 		Activity since {{.Config.Since}}{{.Config.DateMessage}} for {{.Config.Owner}} repositories:
 		{{range $data := .Config.Lists}}
 			{{if $data.Included}}
@@ -23,11 +23,11 @@ const summaryTemplate = `
 					</a>
 			{{end}}
 		{{end}}
-	</h3>
+	</h5>
 
 	{{if .HasSharedLabels}}
 		<h3>
-			Common Labels: <br>
+			Common Labels <br>
 		</h3>
 
 		<table class="label-table" style="width: 100%;">