From 27b298400e75d92f1f23940f27fde0d8b6c57a1d 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.js  | 6 +++---
 2 files changed, 9 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.js b/frontend/src/InteractiveSearch/InteractiveSearch.js
index 0377913b1..61168f93f 100644
--- a/frontend/src/InteractiveSearch/InteractiveSearch.js
+++ b/frontend/src/InteractiveSearch/InteractiveSearch.js
@@ -124,7 +124,7 @@ function InteractiveSearch(props) {
 
       {
         !isFetching && error ?
-          <div>
+          <div className={styles.blankpad}>
             {translate('UnableToLoadInteractiveSearch')}
           </div> :
           null
@@ -132,7 +132,7 @@ function InteractiveSearch(props) {
 
       {
         !isFetching && isPopulated && !totalReleasesCount ?
-          <div>
+          <div className={styles.blankpad}>
             {translate('NoResults')}
           </div> :
           null
@@ -140,7 +140,7 @@ function InteractiveSearch(props) {
 
       {
         !!totalReleasesCount && isPopulated && !items.length ?
-          <div>
+          <div className={styles.blankpad}>
             {translate('AllResultsFiltered')}
           </div> :
           null