From 7ab97533a5f55615431259a3a387db2edb370332 Mon Sep 17 00:00:00 2001
From: Artyom Zaporozhets <kraysent@gmail.com>
Date: Sat, 20 Sep 2025 16:56:06 +0300
Subject: [PATCH] #27: slightly more compact coordinates

---
 src/components/ui/astronomy.tsx    |  2 +-
 src/components/ui/catalog-data.tsx | 45 ++++++++++++------------------
 2 files changed, 19 insertions(+), 28 deletions(-)

diff --git a/src/components/ui/astronomy.tsx b/src/components/ui/astronomy.tsx
index bc1bc43..f40cb78 100644
--- a/src/components/ui/astronomy.tsx
+++ b/src/components/ui/astronomy.tsx
@@ -42,7 +42,7 @@ export function QuantityWithError({
   decimalPlaces = 2,
 }: QuantityWithErrorProps): ReactElement {
   return (
-    <div className="flex items-center gap-2">
+    <div className="flex items-center  whitespace-pre-wrap">
       {children} ± <Quantity value={error.toFixed(decimalPlaces)} unit={unit} />
     </div>
   );
diff --git a/src/components/ui/catalog-data.tsx b/src/components/ui/catalog-data.tsx
index 02f560a..2f6ff53 100644
--- a/src/components/ui/catalog-data.tsx
+++ b/src/components/ui/catalog-data.tsx
@@ -31,38 +31,33 @@ export function CatalogData({
   }
 
   if (catalogs?.coordinates) {
-    if (catalogs.coordinates.equatorial?.ra !== undefined) {
-      data.push({
-        Parameter: "Equatorial RA",
-        Value: (
+    data.push({
+      Parameter: "Equatorial coordinates",
+      Value: (
+        <span className="flex whitespace-pre-wrap">
+          &alpha; ={" "}
           <QuantityWithError
             error={catalogs.coordinates.equatorial?.e_ra}
             unit={schema.units.coordinates?.equatorial?.ra || "deg"}
           >
             <RightAscension value={catalogs.coordinates.equatorial.ra} />
           </QuantityWithError>
-        ),
-      });
-    }
-
-    if (catalogs.coordinates.equatorial?.dec !== undefined) {
-      data.push({
-        Parameter: "Equatorial Dec",
-        Value: (
+          , &delta; ={" "}
           <QuantityWithError
             error={catalogs.coordinates.equatorial?.e_dec}
             unit={schema.units.coordinates?.equatorial?.dec || "deg"}
           >
             <Declination value={catalogs.coordinates.equatorial.dec} />
           </QuantityWithError>
-        ),
-      });
-    }
+        </span>
+      ),
+    });
 
-    data.push(
-      {
-        Parameter: "Galactic l",
-        Value: (
+    data.push({
+      Parameter: "Galactic coordinates",
+      Value: (
+        <span className="flex whitespace-pre-wrap">
+          l ={" "}
           <QuantityWithError
             error={catalogs.coordinates.galactic?.e_lon}
             unit={schema.units.coordinates?.galactic?.lon}
@@ -72,11 +67,7 @@ export function CatalogData({
               unit={schema.units.coordinates?.galactic?.lon}
             />
           </QuantityWithError>
-        ),
-      },
-      {
-        Parameter: "Galactic b",
-        Value: (
+          , b ={" "}
           <QuantityWithError
             error={catalogs.coordinates.galactic?.e_lat}
             unit={schema.units.coordinates?.galactic?.lat}
@@ -86,9 +77,9 @@ export function CatalogData({
               unit={schema.units.coordinates?.galactic?.lat}
             />
           </QuantityWithError>
-        ),
-      },
-    );
+        </span>
+      ),
+    });
   }
 
   if (catalogs?.redshift) {