From 7e2af2db0fb077e55dcc81908a7b8004a3106eba Mon Sep 17 00:00:00 2001
From: "Daniel W. Hieber" <dwhieb@gmail.com>
Date: Sat, 13 Jul 2024 10:19:23 -0500
Subject: [PATCH] NEW: Add help text about em dashes (#137)

closes #137
---
 components/em-dash/em-dash.hbs | 1 +
 pages/Component/Component.css  | 7 +++++--
 pages/Component/Component.hbs  | 5 ++++-
 pages/Search/Search.hbs        | 2 +-
 4 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 components/em-dash/em-dash.hbs

diff --git a/components/em-dash/em-dash.hbs b/components/em-dash/em-dash.hbs
new file mode 100644
index 00000000..5b384f4d
--- /dev/null
+++ b/components/em-dash/em-dash.hbs
@@ -0,0 +1 @@
+<p class=help-text>An em dash (—) indicates that there is no data for that field.</p>
\ No newline at end of file
diff --git a/pages/Component/Component.css b/pages/Component/Component.css
index 0d7f113e..a94d9fe0 100644
--- a/pages/Component/Component.css
+++ b/pages/Component/Component.css
@@ -5,6 +5,7 @@
 @import 'cite.css';
 @import 'code.css';
 @import 'external-link.css';
+@import 'help-text.css';
 @import 'inline-example.css';
 @import 'label.css';
 @import 'pre.css';
@@ -89,8 +90,10 @@ legend {
   row-gap:         1em;
 }
 
-.page-title {
-  width: 100%;
+.page-header {
+  align-items: center;
+  text-align:  center;
+  width:       100%;
 }
 
 table {
diff --git a/pages/Component/Component.hbs b/pages/Component/Component.hbs
index c5342a93..56fd6196 100644
--- a/pages/Component/Component.hbs
+++ b/pages/Component/Component.hbs
@@ -3,7 +3,10 @@
   {{#with component }}
   <article>
 
-    <h1 class=page-title>{{ displayLanguage }}: <i class=inex>{{ displayForm }}</i></h1>
+    <header class=page-header>
+      <h1 class=page-title>{{ displayLanguage }}: <i class=inex>{{ displayForm }}</i></h1>
+      {{> em-dash/em-dash }}
+    </header>
 
     <fieldset>
       <legend class=label>Basics</legend>
diff --git a/pages/Search/Search.hbs b/pages/Search/Search.hbs
index d7c92b5e..24fccc9f 100644
--- a/pages/Search/Search.hbs
+++ b/pages/Search/Search.hbs
@@ -37,7 +37,7 @@
       <div class='results-info sticky'>
         <p class=num-results>Showing results {{ pagination.startIndex }}–{{ pagination.endIndex }} of {{ totalResults }}.</p>
         <p class=help-text>Click on a form in the table below to view more information about that component.</p>
-        <p class=help-text>An em dash (—) indicates that there is no data for that field.</p>
+        {{> em-dash/em-dash }}
       </div>
 
       {{> Search/components/pagination/pagination }}