From 6d906d49c0dffa4ab1934f0c45b1d7205764822f Mon Sep 17 00:00:00 2001
From: "Daniel J. Summers" <daniel@bitbadger.solutions>
Date: Tue, 16 Aug 2022 21:32:48 -0400
Subject: [PATCH] Tweak help link style (#38)

---
 src/PrayerTracker.UI/Layout.fs        | 4 ++--
 src/PrayerTracker/wwwroot/css/app.css | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/PrayerTracker.UI/Layout.fs b/src/PrayerTracker.UI/Layout.fs
index 42e27f6..d5380d1 100644
--- a/src/PrayerTracker.UI/Layout.fs
+++ b/src/PrayerTracker.UI/Layout.fs
@@ -213,12 +213,12 @@ open Giraffe.ViewEngine.Htmx
 /// Render a link to the help page for the current page
 let private helpLink link =
     let s = I18N.localizer.Force ()
-    sup [] [
+    sup [ _class "pt-help-link" ] [
         a [ _href    link
             _title   s["Click for Help on This Page"].Value
             _onclick $"return PT.showHelp('{link}')"
             _hxNoBoost ] [
-            icon "help_outline"
+            iconSized 18 "help_outline"
         ]
     ]
 
diff --git a/src/PrayerTracker/wwwroot/css/app.css b/src/PrayerTracker/wwwroot/css/app.css
index 48bbda1..e2a54bb 100644
--- a/src/PrayerTracker/wwwroot/css/app.css
+++ b/src/PrayerTracker/wwwroot/css/app.css
@@ -440,6 +440,9 @@ article.pt-overview section div p {
 .material-icons {
   vertical-align: middle;
 }
+.pt-help-link {
+  padding-right: .25rem;
+}
 #pt-help {
   background-color: #fcfcfc;
 }
\ No newline at end of file