From d784674d24f31c761171ad5e34c4e82b9f28c6ee Mon Sep 17 00:00:00 2001
From: Wiktor Przybylski <wiktor.przybylski@mp.pl>
Date: Sat, 17 Feb 2024 01:43:25 +0100
Subject: [PATCH] sm fix of UX tweaks

---
 src/app/Summary.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/Summary.tsx b/src/app/Summary.tsx
index f73e027..a4be7a6 100644
--- a/src/app/Summary.tsx
+++ b/src/app/Summary.tsx
@@ -246,7 +246,7 @@ export function Summary({
           <TabsContent value="incomes_and_costs">
             <Card>
               <CardContent>
-                <div className="grid gap-4 md:grid-cols-1 lg:grid-cols-4">
+                <div className="grid gap-4 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-4">
                   <div className="col-span-2">
                     <Card>
                       <CardHeader>
@@ -399,7 +399,7 @@ export function Summary({
                     <CardDescription></CardDescription>
                   </CardHeader>
                   <CardContent>
-                    <div className="grid gap-4 md:grid-cols-1 lg:grid-cols-2">
+                    <div className="grid gap-4 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-2">
                       <div>
                         <Card>
                           <CardHeader>
@@ -580,7 +580,7 @@ export function Summary({
                     <CardDescription></CardDescription>
                   </CardHeader>
                   <CardContent>
-                    <div className="grid gap-5 md:grid-cols-1 lg:grid-cols-2">
+                    <div className="grid gap-5 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-2">
                       <div>
                         {" "}
                         <Card>