From 3a3cf8511e1d6a48d7350430298980ce9fb7594a Mon Sep 17 00:00:00 2001
From: Tristan Kennedy <tristan@taskinoz.com>
Date: Sat, 16 Apr 2022 14:28:22 +1000
Subject: [PATCH] Added padding to search tab to maintain visual consistancy

(cherry picked from commit 55ef505d740a9aadc7f161274006e150b0d9cf8f)
---
 frontend/src/InteractiveSearch/InteractiveSearch.css      | 6 ++++++
 frontend/src/InteractiveSearch/InteractiveSearch.css.d.ts | 1 +
 frontend/src/InteractiveSearch/InteractiveSearch.js       | 6 +++---
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/InteractiveSearch/InteractiveSearch.css b/frontend/src/InteractiveSearch/InteractiveSearch.css
index 5e647332f..a8d1c62a6 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearch.css
+++ b/frontend/src/InteractiveSearch/InteractiveSearch.css
@@ -7,3 +7,9 @@
 .filteredMessage {
   margin-top: 10px;
 }
+
+.blankpad {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 2em;
+}
diff --git a/frontend/src/InteractiveSearch/InteractiveSearch.css.d.ts b/frontend/src/InteractiveSearch/InteractiveSearch.css.d.ts
index 9ba7f72a4..74bcaaa83 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearch.css.d.ts
+++ b/frontend/src/InteractiveSearch/InteractiveSearch.css.d.ts
@@ -1,6 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
+  'blankpad': string;
   'filterMenuContainer': string;
   'filteredMessage': string;
 }
diff --git a/frontend/src/InteractiveSearch/InteractiveSearch.js b/frontend/src/InteractiveSearch/InteractiveSearch.js
index 2ddcd4bb4..297d23ab6 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearch.js
+++ b/frontend/src/InteractiveSearch/InteractiveSearch.js
@@ -104,7 +104,7 @@ function InteractiveSearch(props) {
 
       {
         !isFetching && error ?
-          <div>
+          <div className={styles.blankpad}>
             Unable to load results for this book search. Try again later
           </div> :
           null
@@ -112,7 +112,7 @@ function InteractiveSearch(props) {
 
       {
         !isFetching && isPopulated && !totalReleasesCount ?
-          <div>
+          <div className={styles.blankpad}>
             No results found
           </div> :
           null
@@ -120,7 +120,7 @@ function InteractiveSearch(props) {
 
       {
         !!totalReleasesCount && isPopulated && !items.length ?
-          <div>
+          <div className={styles.blankpad}>
             All results are hidden by the applied filter
           </div> :
           null