LP1823981 eg-bool component padding
authorBill Erickson <berickxx@gmail.com>
Tue, 6 Aug 2019 15:32:18 +0000 (11:32 -0400)
committerGalen Charlton <gmc@equinoxinitiative.org>
Fri, 6 Sep 2019 15:35:37 +0000 (11:35 -0400)
Add a whiff of padding to the <eg-bool> component so the so there is
some separation between the text and the badge border.

Signed-off-by: Bill Erickson <berickxx@gmail.com>
Signed-off-by: Galen Charlton <gmc@equinoxinitiative.org>
Open-ILS/src/eg2/src/app/share/util/bool.component.ts

index a7363b3..bfbf054 100644 (file)
@@ -6,10 +6,10 @@ import {Component, Input} from '@angular/core';
     selector: 'eg-bool',
     template: `
       <ng-container>
-        <span *ngIf="value" class="badge badge-success" i18n>Yes</span>
-        <span *ngIf="value == false" class="badge badge-secondary" i18n>No</span>
+        <span *ngIf="value" class="badge badge-success p-1" i18n>Yes</span>
+        <span *ngIf="value == false" class="badge badge-secondary p-1" i18n>No</span>
         <ng-container *ngIf="value === null">
-          <span *ngIf="ternary" class="badge badge-light" i18n>Unset</span>
+          <span *ngIf="ternary" class="badge badge-light p-1" i18n>Unset</span>
           <span *ngIf="!ternary"> </span>
       </ng-container>`
 })