From 9d691cfa88670f9f4956560b4f9a69c4a3c82bcd Mon Sep 17 00:00:00 2001
From: Kavi Gupta <kavi@berkeley.edu>
Date: Sat, 7 Sep 2024 14:52:15 -0400
Subject: [PATCH] fix pixel changes

---
 react/src/components/statistic-panel.tsx |  3 +--
 react/src/components/table.tsx           |  4 +---
 react/src/page_template/template.tsx     | 23 +++++++----------------
 react/src/quiz/quiz-components.tsx       |  2 +-
 4 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/react/src/components/statistic-panel.tsx b/react/src/components/statistic-panel.tsx
index 8f3bd98f..baf1f273 100644
--- a/react/src/components/statistic-panel.tsx
+++ b/react/src/components/statistic-panel.tsx
@@ -349,8 +349,7 @@ function SelectPage(props: {
                     }}
                 />
                 <span>
-                    {' '}
-                    of
+                    {' of '}
                     {props.max_pages}
                 </span>
             </div>
diff --git a/react/src/components/table.tsx b/react/src/components/table.tsx
index 8525a286..d773e64a 100644
--- a/react/src/components/table.tsx
+++ b/react/src/components/table.tsx
@@ -523,9 +523,7 @@ export function Ordinal(props: { ordinal: number, total: number, type: string, s
     return (
         <div className="serif" style={{ textAlign: 'right' }}>
             {en}
-            {' '}
-            of
-            {' '}
+            {' of '}
             {total}
             {' '}
             {display_type(curr_universe, type)}
diff --git a/react/src/page_template/template.tsx b/react/src/page_template/template.tsx
index bff79c1e..508f31b0 100644
--- a/react/src/page_template/template.tsx
+++ b/react/src/page_template/template.tsx
@@ -79,22 +79,15 @@ export function PageTemplate({
 function TemplateFooter(): ReactNode {
     return (
         <div className="centered_text">
-            Urban Stats Version
-            {' '}
+            {'Urban Stats Version '}
             <Version />
-            {' '}
-            by
-            {' '}
+            {' by '}
             <MainCredits />
-            . Last updated
-            {' '}
+            {'. Last updated '}
             <LastUpdated />
-            .
-            {' '}
+            {'. '}
             <OtherCredits />
-            {' '}
-            Not for commercial use.
-            {' '}
+            {' Not for commercial use. '}
             <Support />
         </div>
     )
@@ -115,8 +108,7 @@ function MainCredits(): ReactNode {
 function OtherCredits(): ReactNode {
     return (
         <span>
-            Significant help with weather data from
-            {' '}
+            {'Significant help with weather data from '}
             <a href="https://twitter.com/OklahomaPerson">OklahomaPerson</a>
             .
         </span>
@@ -150,8 +142,7 @@ function LeftPanel(): ReactNode {
 function Support(): ReactNode {
     return (
         <span>
-            If you find urbanstats useful, please donate on
-            {' '}
+            {'If you find urbanstats useful, please donate on '}
             <a href="https://ko-fi.com/notkavi">kofi</a>
             !
         </span>
diff --git a/react/src/quiz/quiz-components.tsx b/react/src/quiz/quiz-components.tsx
index 6ee77c22..948cc9a3 100644
--- a/react/src/quiz/quiz-components.tsx
+++ b/react/src/quiz/quiz-components.tsx
@@ -62,7 +62,7 @@ export function UserId(): ReactNode {
     else {
         return (
             <div>
-                Your user id is
+                {'Your user id is '}
                 <span className="juxtastat-user-id">{user_id}</span>
             </div>
         )