From e0ec2a76df1a10fdb83ae4d496077081531d2245 Mon Sep 17 00:00:00 2001
From: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>
Date: Mon, 16 Sep 2024 13:11:20 +0200
Subject: [PATCH] Fix mobile view with delegate button (#143)

---
 src/components/DelegateCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/DelegateCard.tsx b/src/components/DelegateCard.tsx
index 26ab383..dd2fa88 100644
--- a/src/components/DelegateCard.tsx
+++ b/src/components/DelegateCard.tsx
@@ -25,11 +25,11 @@ export const DelegateCard = ({ delegate: d }: Props) => {
 
   return (
     <Card className="mb-5 flex flex-col border p-2">
-      <div className="flex columns-3">
+      <div className="flex flex-col md:flex-row">
         <div className="vertical center p-2">
           <img className="rounded-full" width="100" src={d.image} />
         </div>
-        <div className="w-[85%] p-2">
+        <div className="p-2 md:w-[85%]">
           <div className="py-2 text-xl font-semibold">{d.name}</div>
           <div className="text-slate-600">
             <div className="break-words">{d.shortDescription}</div>