Fix checklist padding (#3460)

* Changed style of checklist in issuelist.

* Adjusted padding for progressbar, updated index.css.

* Fixed another wrong tab to spaces.

Signed-off-by: modmew8 <modmew8@gmail.com>

public/less/_repository.less

@@ -1491,20 +1491,24 @@
         .desc {
             padding-top: 5px;
             color: #999;
+            .checklist {
+                padding-left: 5px;
                 .progress-bar {
+                    margin-left: 2px;
                     width: 80px;
                     height: 6px;
                     display: inline-block;
                     background-color: #eee;
                     overflow: hidden;
                     border-radius: 3px;
-		vertical-align: middle !important;
+                    vertical-align: 2px !important;
                     .progress {
                         background-color: #ccc;
                         display: block;
                         height: 100%;
                     }
                 }
+            }
             a.milestone {
                 padding-left: 5px;
                 color: #999!important;

templates/repo/issue/list.tmpl

@@ -203,7 +203,9 @@
 						{{$tasks := .GetTasks}}
 						{{if gt $tasks 0}}
 							{{$tasksDone := .GetTasksDone}}
+							<span class="checklist">
 								<span class="octicon octicon-checklist"></span> {{$tasksDone}} / {{$tasks}} <span class="progress-bar"><span class="progress" style="width:calc(100% * {{$tasksDone}} / {{$tasks}});"></span></span>
+							</span>
 						{{end}}
 						{{if .Milestone}}
 							<a class="milestone" href="{{$.Link}}?q={{$.Keyword}}&type={{$.ViewType}}&state={{$.State}}&labels={{$.SelectLabels}}&milestone={{.Milestone.ID}}&assignee={{$.AssigneeID}}">

templates/user/dashboard/issues.tmpl

@@ -90,7 +90,9 @@
 								{{$tasks := .GetTasks}}
 								{{if gt $tasks 0}}
 									{{$tasksDone := .GetTasksDone}}
+									<span class="checklist">
 										<span class="octicon octicon-checklist"></span> {{$tasksDone}} / {{$tasks}} <span class="progress-bar"><span class="progress" style="width:calc(100% * {{$tasksDone}} / {{$tasks}});"></span></span>
+									</span>
 								{{end}}
 							</p>
 						</li>