From 3d79cdd95e8d0ec9c9d300e7816c49bb97e61b08 Mon Sep 17 00:00:00 2001
From: Harvey Kandola <harvey@documize.com>
Date: Wed, 1 Jun 2016 17:49:50 +0100
Subject: [PATCH] github css tidy up

---
 .../components/section/github/type-editor.hbs | 13 +--
 .../section/github/type-renderer.hbs          | 85 ++-----------------
 documize/section/github/github.go             | 40 +++------
 3 files changed, 22 insertions(+), 116 deletions(-)

diff --git a/app/app/templates/components/section/github/type-editor.hbs b/app/app/templates/components/section/github/type-editor.hbs
index 2bb96e74..8487e8e8 100644
--- a/app/app/templates/components/section/github/type-editor.hbs
+++ b/app/app/templates/components/section/github/type-editor.hbs
@@ -13,11 +13,7 @@
 	}
 
 	.github-list {
-		background-color: #e2e4e6;
-		padding: 10px;
-		border-radius: 3px;
 		margin: 10px 10px 0 0;
-		max-width: 300px;
 	}
 
 	.github-list-title {
@@ -41,8 +37,8 @@
 		<div class="pull-left width-50">
 			<div class="input-form">
 				<div class="heading">
-					<div class="title">Select Repository Branch</div>
-					<div class="tip">Choose repository branch to watch</div>
+					<div class="title">Select Repository & Branch</div>
+					<div class="tip">Choose source of code commits to be displayed</div>
 				</div>
 				{{#if noRepos}}
 					<div class="input-control">
@@ -51,14 +47,13 @@
 				{{else}}
 					<div class="input-control">
 						<label>Repositories</label>
-						<div class="tip">Select Repository</div>
+						<div class="tip">Select repository</div>
 						{{ui-select id="boards-dropdown" content=repos action=(action 'onRepoChange') optionValuePath="id" optionLabelPath="name" selection=config.repo}}
 					</div>
 					<div class="input-control">
 						<label>Branches</label>
-						<div class="tip">Select branch to watch</div>
+						<div class="tip">Select branch</div>
 						<div class="github-board">
-							<div class="github-board-title">{{config.repo.name}}</div>
 							{{#each config.lists as |list|}}
 								<div class="github-list" {{action 'onListCheckbox' list.id}}>
 									{{#if list.included}}
diff --git a/app/app/templates/components/section/github/type-renderer.hbs b/app/app/templates/components/section/github/type-renderer.hbs
index ca51769d..add8791b 100644
--- a/app/app/templates/components/section/github/type-renderer.hbs
+++ b/app/app/templates/components/section/github/type-renderer.hbs
@@ -1,81 +1,8 @@
 <style>
-
-			/*.github-board {
-			width: 100%;
-			max-height: 600px;
-			padding: 10px;
-			white-space: nowrap;
-			overflow: auto;
-		}
-
-    .github-list {
-      margin: 10px 20px 0!important;
-      border-bottom: 1px solid #eee;
-      position: relative;
-    }
-
-    .github-list-title {
-      margin-bottom: 20px;
-    }
-
-    li.github-commit-item {
-      display: block;
-      position: relative;
-      font-size: 12px;
-      vertical-align: top;
-      border: 1px solid #eee;
-      margin-bottom: -1px;
-      border-radius: 2px;
-      color: #999;
-    }
-
-    li.github-commit-item:hover {
-      background-color: #f7fbfc;
-      cursor: pointer;
-    }
-
-    .github-table-list {
-      position: relative;
-      display: table-cell;
-      padding: 8px 10px;
-      font-size: 12px;
-      vertical-align: top;
-    }
-
-    .github-table-list a {
-      margin-top: 4px;
-      display: inline-block;
-    }
-    
-    p.github-commit-title {
-      margin: 0px;
-      line-height: 17px;
-      color: #4e575b ;
-      text-decoration: none;
-      font-size: 15px;
-      font-weight: 600;
-    }
-    
-    .github-commit-meta {
-        font-weight: normal;
-        color: #767676;
-        margin: 0px;
-        padding: 0px;
-    }
-
-    .github-group-title {
-      font-size: 12px;
-      margin-top: 15px;
-      color: #767676;
-      margin-bottom: 10px;
-    }*/
-
     .github-board {
       width: 100%;
-      max-height: 600px;
       padding: 10px;
       white-space: nowrap;
-      overflow: auto;
     }
 
     ul.github-list {
@@ -94,7 +21,7 @@
       width: 95%;
       font-size: 12px;
       color: #999;
-      padding: 18px;
+      padding: 10px;
       border-left: 1px solid #eee;
       border-right: 1px solid #eee;
       border-top: 1px solid #eee;
@@ -132,21 +59,23 @@
       text-decoration: none;
       font-size: 13px;
       font-weight: 600;
-      line-height: 20px;    
+      line-height: 16px;    
       margin: 0px;
       padding: 0px;
       overflow: hidden;
-      text-overflow: ellipsis; 
+      text-overflow: ellipsis;
+      width: 90%; 
     }
    
     .github-commit-meta {
       font-weight: normal;
       color: #767676;
-      margin-top: 3px;
+      font-size: 12px;
+      line-height: 22px;
       margin: 0px;
       padding: 0px;
+      width: 90%; 
     }
-    
 </style>
 
 {{{page.body}}}
diff --git a/documize/section/github/github.go b/documize/section/github/github.go
index 31382ff7..106f5d74 100644
--- a/documize/section/github/github.go
+++ b/documize/section/github/github.go
@@ -336,47 +336,29 @@ func (*GithubT) Render(config, data string) string {
 	var err error
 
 	t, err = t.Parse(`
-<p>There are {{ .CommitCount }} commits for branch <i>{{.Config.Branch}}</i> of repository <a href="{{ .Repo.URL }}">{{.Repo.Name}}.</a></p>
-
+<p>There are {{ .CommitCount }} commits for branch <span class="bold">{{.Config.Branch}}</span> of repository <a href="{{ .Repo.URL }}">{{.Repo.Name}}.</a></p>
 <div class="github-board">
-	
 	{{range $data := .Data}}
-	
     	<div class="github-group-title">
        		Commits on {{ $data.Day }}
       	</div>
-	  
 		<ul class="github-list">  
-	
 			{{range $commit := $data.Commits}}
-
       			<li class="github-commit-item"> 
-	  
-      				<div class="github-avatar">
-          				<img alt="@{{$commit.Name}}" src="{{$commit.Avatar}}" height="36" width="36">
-      				</div>
-
-      				<div class="github-commit-body">
-        			
-						<p class="github-commit-title">
-         					<a href="{{$commit.URL}}">
- 								{{$commit.Message}}
- 							</a>
-        				</p>
-
-        				<p class="github-commit-meta">
-         					{{$commit.Name}} committed on {{$commit.Date}}
-        				</p>
-      				</div>
-
+					<a href="{{$commit.URL}}">
+						<div class="github-avatar">
+							<img alt="@{{$commit.Name}}" src="{{$commit.Avatar}}" height="36" width="36">
+						</div>
+						<div class="github-commit-body">
+							<div class="github-commit-title">{{$commit.Message}}</div>
+							<div class="github-commit-meta">{{$commit.Name}} committed on {{$commit.Date}}</div>
+						</div>
+					</a>
+					<div class="clearfix" />
       			</li>
-				  
 	  		{{end}}
-			  
 	  	</ul>
-		  
 	  {{end}}
-	  
   </div>
 `)