From 446885229d27a2fa3b96017d552311165d310486 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Mon, 29 Mar 2021 15:41:41 -0400
Subject: [PATCH] LP1904036 help popover custom button css; smaller mat icon

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---
 .../app/share/eg-help-popover/eg-help-popover.component.html   |  6 ++++--
 .../src/app/share/eg-help-popover/eg-help-popover.component.ts |  5 +++++
 Open-ILS/src/eg2/src/styles.css                                | 10 +++++-----
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/Open-ILS/src/eg2/src/app/share/eg-help-popover/eg-help-popover.component.html b/Open-ILS/src/eg2/src/app/share/eg-help-popover/eg-help-popover.component.html
index b75422b02f..6b5e8ee17a 100644
--- a/Open-ILS/src/eg2/src/app/share/eg-help-popover/eg-help-popover.component.html
+++ b/Open-ILS/src/eg2/src/app/share/eg-help-popover/eg-help-popover.component.html
@@ -2,7 +2,9 @@
   <a target="_blank" href="{{helpLink}}" *ngIf="helpLink.length >= 1">{{helpText}}</a>
   <span *ngIf="helpLink.length < 1">{{helpText}}</span>
 </ng-template>
-<button class="btn btn-sm" placement="{{placement}}" [ngbPopover]="popContent" triggers="click"i
+<button class="btn {{buttonClass}}" placement="{{placement}}" 
+  [ngbPopover]="popContent" triggers="click"
   i18n-aria-label aria-label="Show help" aria-haspopup="true">
-  <span class="material-icons" i18n-aria-label aria-label="Show help">live_help</span>
+  <span class="material-icons mat-icon-shrunk-in-button" 
+    i18n-aria-label aria-label="Show help">live_help</span>
 </button>
diff --git a/Open-ILS/src/eg2/src/app/share/eg-help-popover/eg-help-popover.component.ts b/Open-ILS/src/eg2/src/app/share/eg-help-popover/eg-help-popover.component.ts
index ffad186aad..35b0ee60f3 100644
--- a/Open-ILS/src/eg2/src/app/share/eg-help-popover/eg-help-popover.component.ts
+++ b/Open-ILS/src/eg2/src/app/share/eg-help-popover/eg-help-popover.component.ts
@@ -24,6 +24,11 @@ export class EgHelpPopoverComponent implements OnInit {
     @Input()
     placement = '';
 
+    // Allow for overriding the default button class.
+    // This augments the basic 'btn' class
+    @Input()
+    buttonClass = 'btn-sm';
+
     constructor() { }
 
     ngOnInit() {
diff --git a/Open-ILS/src/eg2/src/styles.css b/Open-ILS/src/eg2/src/styles.css
index 2f6192b7ac..67e8c93fa7 100644
--- a/Open-ILS/src/eg2/src/styles.css
+++ b/Open-ILS/src/eg2/src/styles.css
@@ -103,11 +103,6 @@ h5 {font-size: .95rem}
     line-height: inherit;
 }
 
-.mat-icon-shrunk-in-button {
-    line-height: inherit;
-    font-size: 18px;
-}
-
 .input-group .mat-icon-in-button {
     font-size: .88rem !important; /* useful for buttons that cuddle up with inputs */
 }
@@ -117,6 +112,11 @@ h5 {font-size: .95rem}
   font-size: 22px;
 }
 
+.mat-icon-shrunk-in-button {
+    line-height: inherit;
+    font-size: 18px;
+}
+
 /* allow spans/labels to vertically orient with material icons */
 .label-with-material-icon {
     display: inline-flex;
-- 
2.11.0