From dcdb714a7201c7794c58be3bb70d165c38b91a59 Mon Sep 17 00:00:00 2001
From: Dotan Simha <dotansimha@gmail.com>
Date: Thu, 2 Nov 2023 10:12:57 +0200
Subject: [PATCH] UI fixes for large screens (#3239)

---
 packages/web/app/src/components/layouts/target.tsx | 4 ++--
 packages/web/app/tailwind.config.cjs               | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/web/app/src/components/layouts/target.tsx b/packages/web/app/src/components/layouts/target.tsx
index 25308f219..350cdf709 100644
--- a/packages/web/app/src/components/layouts/target.tsx
+++ b/packages/web/app/src/components/layouts/target.tsx
@@ -356,8 +356,8 @@ export const TargetLayout = ({
         </div>
       </div>
       <div className="container pb-7 h-full">
-        <div className={cn('flex justify-between gap-12', className)}>
-          <div className="grow">{children}</div>
+        <div className={cn('flex justify-between gap-12 h-full', className)}>
+          <div className="grow flex flex-col">{children}</div>
         </div>
       </div>
     </>
diff --git a/packages/web/app/tailwind.config.cjs b/packages/web/app/tailwind.config.cjs
index 6e8bc40b7..2cb7f2378 100644
--- a/packages/web/app/tailwind.config.cjs
+++ b/packages/web/app/tailwind.config.cjs
@@ -10,7 +10,11 @@ module.exports = {
       center: true,
       padding: '2rem',
       screens: {
-        '2xl': '1400px',
+        sm: '100%',
+        md: '100%',
+        lg: '100%',
+        xl: '100%',
+        '2xl': '1800px',
       },
     },
     fontFamily: {