Emphasize Search over Other available titles

Signed-off-by: Glenn Lewis <6598971+gmlewis@users.noreply.github.com>
gmlewis · Sep 17, 2024 · 8ad3ab4 · 8ad3ab4
1 parent 04ad1d8
commit 8ad3ab4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git 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
@@ -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;
 }