From 93de301007d0d16051440e0228b57c9cc21da3e6 Mon Sep 17 00:00:00 2001
From: Nikos Kontakis <wirednkod@gmail.com>
Date: Tue, 17 Sep 2024 00:20:20 +0300
Subject: [PATCH] Refix delegate button for mobile view (#150)

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

diff --git a/src/components/DelegateCard.tsx b/src/components/DelegateCard.tsx
index 7635816..de268e1 100644
--- a/src/components/DelegateCard.tsx
+++ b/src/components/DelegateCard.tsx
@@ -42,11 +42,11 @@ export const DelegateCard = ({
 
   return (
     <Card className={cn('flex flex-col p-4', className)}>
-      <div className="flex columns-3">
+      <div className="flex flex-col md:flex-row">
         <div className="vertical center p-2">
           <img className="rounded-full border" width="100" src={image} />
         </div>
-        <div className="w-full p-2">
+        <div className="p-2 md:w-[85%]">
           <div className="flex items-center gap-1 py-2 text-xl font-semibold">
             {name}
             {hasShareButton && (
@@ -73,7 +73,7 @@ export const DelegateCard = ({
         </div>
         <div className="flex gap-1">
           {hasDelegateButton && (
-            <Button variant="default" onClick={onDelegate}>
+            <Button variant="default" onClick={onDelegate} className="w-full">
               Delegate
             </Button>
           )}