remove inline styling

lattice/src/App/Query/QueryResults/QueryResults.module.scss

@@ -30,7 +30,6 @@
 
 .queryString {
   white-space: pre-wrap;
-  display: block;
   font-size: 12px;
 }
 

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 ? (

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;
+}

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 ' +