From 1585313a0cf07617e32b2541e1e3b21d56fe247d Mon Sep 17 00:00:00 2001
From: reesporte <reesedporter@gmail.com>
Date: Wed, 3 Nov 2021 13:14:28 -0500
Subject: [PATCH] better styling

---
 lattice/src/shared/Pager/Pager.tsx | 36 +++++++++++++++++-------------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/lattice/src/shared/Pager/Pager.tsx b/lattice/src/shared/Pager/Pager.tsx
index 2f8cfc817..b3f198f90 100644
--- a/lattice/src/shared/Pager/Pager.tsx
+++ b/lattice/src/shared/Pager/Pager.tsx
@@ -59,25 +59,31 @@ export const Pager: FC<PagerProps> = ({
       </div>
       {showTotal && (
         <div className={css.total}>
+          {totalResultsCount > 1000 && (
+            <span
+              style={{
+                display: "inline",
+                verticalAlign: "middle",
+                marginRight: ".5em",
+              }}
+            >
+              <Tooltip
+                title={
+                  "This query has " +
+                  totalResultsCount +
+                  " results. Due to browser memory limitations, you will only be able to view " +
+                  1000 +
+                  " of them."
+                }
+              >
+                <ErrorOutlineIcon fontSize="small" color="error" />
+              </Tooltip>
+            </span>
+          )}
           Showing {startResults} - {endResults} of{` `}
           <Pluralize singular="result" count={totalItems} />
         </div>
       )}
-      {totalResultsCount > 1000 && (
-        <span style={{ display: "inline" }}>
-          <Tooltip
-            title={
-              "This query has " +
-              totalResultsCount +
-              " results. Due to browser memory limitations, you will only be able to view " +
-              1000 +
-              " of them."
-            }
-          >
-            <ErrorOutlineIcon fontSize="small" color="error" />
-          </Tooltip>
-        </span>
-      )}
     </div>
   );
 };