From fab34e70cb419ac96ac8602f47e83311677cc561 Mon Sep 17 00:00:00 2001
From: Arthur Belleville <arthur.belleville@datadoghq.com>
Date: Wed, 10 Sep 2025 22:29:20 +0200
Subject: [PATCH] Refactor AvailabilitiesPage layout by adjusting flex
 properties and removing unnecessary min-height for grid. Improve alignment
 and spacing for better UI presentation.

---
 ui/src/pages/availabilities.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/pages/availabilities.tsx b/ui/src/pages/availabilities.tsx
index fa5faba..8b8ec00 100644
--- a/ui/src/pages/availabilities.tsx
+++ b/ui/src/pages/availabilities.tsx
@@ -60,9 +60,9 @@ export function AvailabilitiesPage() {
       </div>
 
       <div className="flex-1 overflow-auto">
-        <div className="flex">
+        <div className="flex items-start">
           <div className="flex-1 pr-6 border-r border-gray-200 dark:border-gray-700">
-            <div className="grid grid-cols-2 gap-4 max-w-4xl min-h-min">
+            <div className="grid grid-cols-2 gap-4">
               {DAYS_OF_WEEK.map((day) => (
                 <div
                   key={day}
@@ -98,7 +98,7 @@ export function AvailabilitiesPage() {
             </div>
           </div>
 
-          <div className="w-80 pl-6 py-4">
+          <div className="w-80 pl-6">
             <div className="space-y-6">
               <div>
                 <h3 className="text-xl font-semibold mb-2">Fuseau horaire</h3>