From 43df7bca16d0c020a03d4f4119988cc51cd15cc5 Mon Sep 17 00:00:00 2001
From: Matt Hill <matthewonthemoon@gmail.com>
Date: Thu, 7 Oct 2021 08:34:11 -0600
Subject: [PATCH] fix tool tips in config

---
 .../app/components/form-object/form-label.component.html   | 7 +++++--
 .../app/components/form-object/form-object.component.scss  | 7 +------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/ui/src/app/components/form-object/form-label.component.html b/ui/src/app/components/form-object/form-label.component.html
index 079485daa..04bafbf18 100644
--- a/ui/src/app/components/form-object/form-label.component.html
+++ b/ui/src/app/components/form-object/form-label.component.html
@@ -1,5 +1,8 @@
-<ion-icon *ngIf="data.spec.description" class="help-icon" name="help-circle-outline" (click)="presentAlertDescription()"></ion-icon>
-<span>&nbsp;{{ data.spec.name }}</span>
+<ion-button *ngIf="data.spec.description" class="help-button" fill="clear" size="small" (click)="presentAlertDescription()">
+  <ion-icon name="help-circle-outline"></ion-icon>
+</ion-button>
+
+<span>{{ data.spec.name }}</span>
 
 <ion-text color="success" *ngIf="data.isNew">&nbsp;(New)</ion-text>
 <ion-text color="warning" *ngIf="data.isEdited">&nbsp;(Edited)</ion-text>
diff --git a/ui/src/app/components/form-object/form-object.component.scss b/ui/src/app/components/form-object/form-object.component.scss
index 286d86f6c..6c09caa77 100644
--- a/ui/src/app/components/form-object/form-object.component.scss
+++ b/ui/src/app/components/form-object/form-object.component.scss
@@ -1,11 +1,6 @@
-.help-icon {
+.help-button {
   display: inline-block;
   vertical-align: middle;
-  padding-bottom: 1px;
-  padding-right: 6px;
-  font-size: 18px;
-  color: var(--ion-color-dark);
-  cursor: pointer;
 }
 
 ion-input {