From 0524f0d339f9e48963efb170982a1ba3a6009cc7 Mon Sep 17 00:00:00 2001
From: Mathis <mathis.fullriede@gmail.com>
Date: Thu, 8 Feb 2024 22:13:38 +0100
Subject: [PATCH] optimize layout

---
 app/lookup/[domain]/map/page.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/lookup/[domain]/map/page.tsx b/app/lookup/[domain]/map/page.tsx
index 7388de46..2153cea0 100644
--- a/app/lookup/[domain]/map/page.tsx
+++ b/app/lookup/[domain]/map/page.tsx
@@ -69,7 +69,7 @@ const MapResultsPage: FC<MapResultsPageProps> = async ({
     })
   );
 
-  const regionList = markers.map((marker) => (
+  const regionEntries = markers.map((marker) => (
     <div key={marker.code}>
       <h3 className="mb-2 font-semibold">{marker.name}</h3>
       <ul>
@@ -122,11 +122,10 @@ const MapResultsPage: FC<MapResultsPageProps> = async ({
         )}
       </Alert>
       <div className="flex flex-row">
-        <div className="basis-1/4">
-          <h2 className="mb-4 text-lg font-semibold">IP-Adressen je Region</h2>
-          <div className="flex flex-wrap gap-4">{regionList}</div>
+        <div className="basis-2/5">
+          <div className="grid grid-cols-2 gap-4">{regionEntries}</div>
         </div>
-        <div className="basis-3/4">
+        <div className="basis-3/5">
           <ResultsGlobe domain={domain} markers={markers} />
         </div>
       </div>