From 9628fb482eb89c412edf165c66e34e0a8bda29e1 Mon Sep 17 00:00:00 2001
From: Phodal Huang <h@phodal.com>
Date: Tue, 14 Apr 2020 20:38:59 +0800
Subject: [PATCH] fix: fix checkstyles issue

---
 .../component-checklist.component.html           |  7 +++----
 .../component-checklist.component.scss           | 16 ++++++++++++++--
 .../component-todo/component-todo.component.scss |  2 +-
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/projects/ledge-render/src/lib/components/component-checklist/component-checklist.component.html b/projects/ledge-render/src/lib/components/component-checklist/component-checklist.component.html
index 8c483cbc..eee63f5f 100644
--- a/projects/ledge-render/src/lib/components/component-checklist/component-checklist.component.html
+++ b/projects/ledge-render/src/lib/components/component-checklist/component-checklist.component.html
@@ -1,9 +1,8 @@
-<div *ngFor="let checklist of checklists;let i = index">
-  <mat-checkbox [checked]="checklist.complete" (change)="completeChange($event)">
+<div *ngFor="let checklist of checklists;let i = index" class="component-checklist">
+  <mat-checkbox [checked]="checklist.complete" (change)="completeChange($event)" class="checklist-item">
     <span class="title">{{checklist?.title}}</span>
-    <span *ngIf="checklist.description" class="description">&nbsp;&nbsp; {{checklist.description}}</span>
+    <span *ngIf="checklist.description" class="description">  {{checklist.description}}</span>
   </mat-checkbox>
-  <span *ngIf="checklist.description" class="description">: &nbsp;&nbsp; {{checklist.description}}</span>
   <component-todo name="todo" ngDefaultControl [disableInput]="true" [ngModel]="checklist.subitems" (ngModelChange)="changeTodo($event, i)"></component-todo>
 </div>
 
diff --git a/projects/ledge-render/src/lib/components/component-checklist/component-checklist.component.scss b/projects/ledge-render/src/lib/components/component-checklist/component-checklist.component.scss
index 1e98258b..c2238cdd 100644
--- a/projects/ledge-render/src/lib/components/component-checklist/component-checklist.component.scss
+++ b/projects/ledge-render/src/lib/components/component-checklist/component-checklist.component.scss
@@ -1,10 +1,22 @@
+.component-checklist {
+  border: 1px solid #eee;
+  padding: 8px 8px 0 8px;
+  margin-top: 4px;
+  border-radius: 4px;
+}
+
 .title {
   font-size: 16px;
-  padding: 8px 0;
-  font-weight: bold;
+  padding: 0;
+  font-weight: 300;
 }
 
 .description {
   font-weight: lighter;
   font-size: 12px;
 }
+
+.checklist-item {
+  height: 24px;
+  line-height: 24px;
+}
diff --git a/projects/ledge-render/src/lib/components/component-todo/component-todo.component.scss b/projects/ledge-render/src/lib/components/component-todo/component-todo.component.scss
index a12d38a2..a20cce5c 100644
--- a/projects/ledge-render/src/lib/components/component-todo/component-todo.component.scss
+++ b/projects/ledge-render/src/lib/components/component-todo/component-todo.component.scss
@@ -3,7 +3,7 @@
 }
 
 .title {
-  font-weight: bold;
+  font-weight: 300;
 }
 
 .description {