From 8ad3ab48f4274c511ec85109fb2d2734b11045db Mon Sep 17 00:00:00 2001
From: Glenn Lewis <6598971+gmlewis@users.noreply.github.com>
Date: Tue, 17 Sep 2024 13:07:42 -0400
Subject: [PATCH] Emphasize Search over Other available titles

Signed-off-by: Glenn Lewis <6598971+gmlewis@users.noreply.github.com>
---
 src/App.vue                    | 4 ++--
 src/components/SearchBooks.vue | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 708905d..19afbaf 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
     <p>What better way to surprise your friends, coworkers, or loved ones?<br>
       Show them that you care by sending them their
       own personalized puzzle books today!</p>
-    <p>Search for a name to see available books:</p>
+    <h2>Search for a name to see available books:</h2>
   </div>
   <SearchBooks />
 </template>
@@ -27,7 +27,7 @@ import SearchBooks from './components/SearchBooks.vue'
 }
 
 h2 {
-  padding-bottom: 2rem;
+  padding-bottom: 0rem;
 }
 
 strong {
diff --git a/src/components/SearchBooks.vue b/src/components/SearchBooks.vue
index c8048f9..7f4f17a 100644
--- a/src/components/SearchBooks.vue
+++ b/src/components/SearchBooks.vue
@@ -10,7 +10,7 @@
     </div>
   </div>
   <div v-if="!books.length">
-    <h1 class="top-space">Other Available Titles</h1>
+    <div class="top-space">Other Available Titles</div>
     <div class="books">
       <div v-for="book in otherBooks" class="book">
         <DisplayBook :book="book" />
@@ -145,6 +145,10 @@ const getJsonHttpsCall = async ({ url, timeout }) => {
   width: 30%;
 }
 
+.top-space {
+  padding-top: 2rem;
+}
+
 .shortcut {
   margin: 1rem auto;
 }