fix: fix checkstyles issue

phodal · Apr 14, 2020 · 9628fb4 · 9628fb4
1 parent 0899f22
commit 9628fb4
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 7 deletions.
diff --git a/...ts/ledge-render/src/lib/components/component-checklist/component-checklist.component.html b/...ts/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/...ts/ledge-render/src/lib/components/component-checklist/component-checklist.component.scss b/...ts/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
@@ -3,7 +3,7 @@
 }
 
 .title {
-  font-weight: bold;
+  font-weight: 300;
 }
 
 .description {