From 58f33f04fd71e05518e0fa2faf8ffa193697d386 Mon Sep 17 00:00:00 2001
From: highperfocused <highperfocused@pm.me>
Date: Sun, 28 Dec 2025 00:20:55 +0100
Subject: [PATCH] Refactor layout of Relay URL section for improved
 responsiveness

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

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 238e099..0f06c3b 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -95,8 +95,8 @@ const Index = () => {
             <Card className="border-2 border-primary/20 shadow-2xl shadow-primary/5 backdrop-blur-sm bg-card/95">
               <CardContent className="p-8">
                 <div className="space-y-4">
-                  <div className="flex items-center justify-between gap-4">
-                    <div className="flex-1 min-w-0">
+                  <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+                    <div className="sm:flex-1 min-w-0">
                       <p className="text-sm text-muted-foreground mb-2">Relay URL</p>
                       <code className="text-lg sm:text-xl font-mono text-primary break-all">
                         {relayUrl}
@@ -105,7 +105,7 @@ const Index = () => {
                     <Button
                       size="lg"
                       onClick={copyToClipboard}
-                      className="shrink-0 gap-2 hover:scale-105 transition-transform"
+                      className="w-full sm:w-auto sm:shrink-0 gap-2 hover:scale-105 transition-transform"
                     >
                       {copied ? (
                         <>