From f70fdfb59e465cb78c5e8ab3d5418c662b8ceab9 Mon Sep 17 00:00:00 2001
From: reesporte <reesedporter@gmail.com>
Date: Thu, 4 Nov 2021 12:14:01 -0500
Subject: [PATCH] remove inline styling

---
 .../src/App/Query/QueryResults/QueryResults.module.scss   | 1 -
 lattice/src/App/Query/QueryResults/QueryResults.tsx       | 4 +---
 lattice/src/shared/Pager/Pager.module.scss                | 5 +++++
 lattice/src/shared/Pager/Pager.tsx                        | 8 +-------
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/lattice/src/App/Query/QueryResults/QueryResults.module.scss b/lattice/src/App/Query/QueryResults/QueryResults.module.scss
index cd83bf011..92762c813 100644
--- a/lattice/src/App/Query/QueryResults/QueryResults.module.scss
+++ b/lattice/src/App/Query/QueryResults/QueryResults.module.scss
@@ -30,7 +30,6 @@
 
 .queryString {
   white-space: pre-wrap;
-  display: block;
   font-size: 12px;
 }
 
diff --git a/lattice/src/App/Query/QueryResults/QueryResults.tsx b/lattice/src/App/Query/QueryResults/QueryResults.tsx
index 782ad95e0..33c016f09 100644
--- a/lattice/src/App/Query/QueryResults/QueryResults.tsx
+++ b/lattice/src/App/Query/QueryResults/QueryResults.tsx
@@ -136,9 +136,7 @@ export const QueryResults: FC<QueryResultsProps> = ({
           </div>
         </div>
         {!collapsibleQuery || showQuery ? (
-          <code style={{ display: 'inline' }} className={css.queryString}>
-            {queryString}
-          </code>
+          <code className={css.queryString}>{queryString}</code>
         ) : null}
       </div>
       {results.operation === 'GroupBy' && results.rows.length <= 50 ? (
diff --git a/lattice/src/shared/Pager/Pager.module.scss b/lattice/src/shared/Pager/Pager.module.scss
index c161d396c..26d9840da 100644
--- a/lattice/src/shared/Pager/Pager.module.scss
+++ b/lattice/src/shared/Pager/Pager.module.scss
@@ -40,3 +40,8 @@
   font-size: 0.75rem;
   color: rgba(var(--contrast-rgb), 0.54);
 }
+
+.tooMany {
+    vertical-align: middle;
+    margin-right: .5em;
+}
diff --git a/lattice/src/shared/Pager/Pager.tsx b/lattice/src/shared/Pager/Pager.tsx
index 0a58b5836..16590129b 100644
--- a/lattice/src/shared/Pager/Pager.tsx
+++ b/lattice/src/shared/Pager/Pager.tsx
@@ -60,13 +60,7 @@ export const Pager: FC<PagerProps> = ({
       {showTotal && (
         <div className={css.total}>
           {totalResultsCount > 1000 && (
-            <span
-              style={{
-                display: 'inline',
-                verticalAlign: 'middle',
-                marginRight: '.5em',
-              }}
-            >
+            <span className={css.tooMany}>
               <Tooltip
                 title={
                   'This query has ' +