From 6e7a58f17d6d9a44dec726858702d6d627dcf346 Mon Sep 17 00:00:00 2001
From: pankaj-peerdb <149565017+pankaj-peerdb@users.noreply.github.com>
Date: Fri, 19 Jan 2024 18:09:31 +0530
Subject: [PATCH] fix mirror ui (#1109)

Quick fix to fix the overflowing text problem. On smaller screens now
the cards would be of different size but will not overflow

Before
<img width="692" alt="Screenshot 2024-01-19 at 5 39 49 PM"
src="https://github.com/PeerDB-io/peerdb/assets/149565017/ad4476e1-786f-47f2-9ecd-e0a5ec513ec9">


After
<img width="687" alt="Screenshot 2024-01-19 at 5 43 05 PM"
src="https://github.com/PeerDB-io/peerdb/assets/149565017/6a64853c-173d-4358-aeb3-0110f03ad9e6">
---
 ui/app/mirrors/create/mirrorcards.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/app/mirrors/create/mirrorcards.tsx b/ui/app/mirrors/create/mirrorcards.tsx
index b01f5fc0ba..9e781324f1 100644
--- a/ui/app/mirrors/create/mirrorcards.tsx
+++ b/ui/app/mirrors/create/mirrorcards.tsx
@@ -46,7 +46,7 @@ const MirrorCards = ({
               style={{
                 padding: '0.5rem',
                 width: '35%',
-                height: '22vh',
+                minHeight: '22vh',
                 marginRight:
                   card.title === 'Query Replication' ? '0.5rem' : 'auto',
                 marginLeft: