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