Added padding to search tab to maintain visual consistancy

3 years ago · 55ef505d74
parent cabdad6306
commit 55ef505d74
2 changed files with 9 additions and 3 deletions
--- a/frontend/src/InteractiveSearch/InteractiveSearchContent.css
+++ b/frontend/src/InteractiveSearch/InteractiveSearchContent.css
@ -7,3 +7,9 @@
 .filteredMessage {
  margin-top: 10px;
 }
+
+.blankpad {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 2em;
+}
--- a/frontend/src/InteractiveSearch/InteractiveSearchContent.js
+++ b/frontend/src/InteractiveSearch/InteractiveSearchContent.js
@ -127,21 +127,21 @@ function InteractiveSearchContent(props) {

      {
        !isFetching && !!error &&
-          <div>
+          <div className={styles.blankpad}>
            {translate('UnableToLoadResultsIntSearch')}
          </div>
      }

      {
        !isFetching && isPopulated && !totalReleasesCount &&
-          <div>
+          <div className={styles.blankpad}>
            {translate('NoResultsFound')}
          </div>
      }

      {
        !!totalReleasesCount && isPopulated && !items.length &&
-          <div>
+          <div className={styles.blankpad}>
            {translate('AllResultsHiddenFilter')}
          </div>
      }