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 <[email protected]>

Author: modmew8

public/css/index.css

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

public/less/_repository.less

@@ -203,7 +203,9 @@
 						{{$tasks := .GetTasks}}
 						{{if gt $tasks 0}}
 							{{$tasksDone := .GetTasksDone}}
-							<span class="octicon octicon-checklist"></span> {{$tasksDone}} / {{$tasks}} <span class="progress-bar"><span class="progress" style="width:calc(100% * {{$tasksDone}} / {{$tasks}});"></span></span>
+							<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/repo/issue/list.tmpl

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