From 5df35dac11ffffea83ea2e0d028789f2acb0aad6 Mon Sep 17 00:00:00 2001
From: EnesAlili <enesalili@Eness-iMac.local>
Date: Wed, 29 Jun 2016 17:59:59 +0100
Subject: [PATCH] GitHub Issues CSS changes

---
 app/app/styles/section/github.scss | 27 ++++++++++++++++++++-------
 documize/section/github/github.go  |  2 +-
 documize/section/github/model.go   | 12 ++++++------
 3 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/app/app/styles/section/github.scss b/app/app/styles/section/github.scss
index f4889587..4a3feaa8 100644
--- a/app/app/styles/section/github.scss
+++ b/app/app/styles/section/github.scss
@@ -28,6 +28,19 @@
 	}
 }
 
+span.github-issue-label {
+	font-size: 11px;
+	color: white;
+	padding: 2px 4px;
+	border-radius: 2px;
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.12);
+}
+
+span.label-name {
+	font-size: 16px;
+	font-family: "open_sanssemibold";
+}
+
 .section-github-render {
     .github-board {
         width: 100%;
@@ -45,7 +58,7 @@
             margin: 20px;
             padding: 0;
             color: #767676;
- 
+
             > .github-commit-item {
                 display: block;
                 width: 95%;
@@ -71,10 +84,10 @@
                     background-color: #f7fbfc;
                     cursor: pointer;
                 }
-                
+
                 > .link {
                     color: #999;
-                    
+
                     > .github-avatar {
                         float: left;
                         margin-right: 15px;
@@ -90,14 +103,14 @@
                             text-decoration: none;
                             font-size: 13px;
                             font-weight: 600;
-                            line-height: 16px;    
+                            line-height: 16px;
                             margin: 0px;
                             padding: 0px;
                             overflow: hidden;
                             text-overflow: ellipsis;
-                            width: 90%; 
+                            width: 90%;
                         }
-                    
+
                         > .github-commit-meta {
                             font-weight: normal;
                             color: #767676;
@@ -105,7 +118,7 @@
                             line-height: 22px;
                             margin: 0px;
                             padding: 0px;
-                            width: 90%; 
+                            width: 90%;
                         }
                     }
                 }
diff --git a/documize/section/github/github.go b/documize/section/github/github.go
index bfbfcc98..aed62619 100644
--- a/documize/section/github/github.go
+++ b/documize/section/github/github.go
@@ -421,7 +421,7 @@ func (*Provider) getIssues(client *gogithub.Client, config githubConfig) ([]gith
 		}
 		l := ""
 		for _, ll := range v.Labels {
-			l += `<span style="background-color:#` + *ll.Color + `">` + *ll.Name + `</span> `
+			l += `<span class="github-issue-label" style="background-color:#` + *ll.Color + `">` + *ll.Name + `</span> `
 		}
 		ret = append(ret, githubIssue{
 			Name:    n,
diff --git a/documize/section/github/model.go b/documize/section/github/model.go
index 647d9502..2d086ded 100644
--- a/documize/section/github/model.go
+++ b/documize/section/github/model.go
@@ -77,7 +77,7 @@ var renderTemplates = map[string]string{
 				{{end}}
 			{{end}}
 		{{end}}
-		. 
+		.
 		Up to {{ .Limit }} items are shown{{ .DateMessage }}.
 	</p>
 	<div class="github-board">
@@ -86,12 +86,12 @@ var renderTemplates = map[string]string{
 			<li class="github-commit-item">
 				<a class="link" href="{{$data.URL}}">
 					<div class="github-avatar">
-						<span class="tooltipped tooltipped-n" aria-label="Open issue">
+						<span aria-label="Open issue">
 							<svg aria-hidden="true" class="octicon octicon-issue-opened open" height="16" version="1.1" viewBox="0 0 14 16" width="14"><path d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"></path></svg>
-						</span>					
-	  				</div>
+						</span>
+	  			</div>
 					<div class="github-commit-body">
-						<div class="github-commit-title">{{$data.Message}} {{$data.Labels}}</div>
+						<div class="github-commit-title"><span class="label-name">{{$data.Message}}</span> {{$data.Labels}}</div>
 						<div class="github-commit-meta">
 							#{{$data.ID}} opened on {{$data.Date}} by {{$data.Name}}
 						</div>
@@ -119,7 +119,7 @@ var renderTemplates = map[string]string{
 						<img alt="@{{$data.Name}}" src="{{$data.Avatar}}" height="36" width="36">
 					</div>
 					<div class="github-commit-body">
-						<div class="github-commit-title">{{$data.Event}}: {{$data.Message}}</div> 
+						<div class="github-commit-title">{{$data.Event}}: {{$data.Message}}</div>
 						<div class="github-commit-meta">{{$data.Name}} committed on {{$data.Date}}</div>
 					</div>
 				</a>