From 899a1fd805234a345d6d7280fffaa93b5a009cb5 Mon Sep 17 00:00:00 2001
From: avinash2wards <avinash2wards@outlook.com>
Date: Sun, 24 Sep 2023 00:48:41 +0530
Subject: [PATCH] fix: improve landing page for mobile view

---
 src/components/participants.js | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/participants.js b/src/components/participants.js
index f5cd446..ca0740f 100644
--- a/src/components/participants.js
+++ b/src/components/participants.js
@@ -21,17 +21,19 @@ export default function ParticipantsCard({
   };
   return (
     <>
-      {isAdmin ? (
-        <>
-          <h1 className="text-lg text-primary font-bold">Create a Room</h1>
-        </>
-      ) : (
-        <>
-          <h1 className="text-lg text-primary font-bold">Join a room</h1>
-          <h1 className="">{`You have been invited to join a room`}</h1>
-        </>
-      )}
-      <form onSubmit={handleSubmit}>
+      <form onSubmit={handleSubmit} className="flex flex-col gap-4">
+        <div>
+          {isAdmin ? (
+            <>
+              <h1 className="text-lg text-primary font-bold">Create a Room</h1>
+            </>
+          ) : (
+            <>
+              <h1 className="text-lg text-primary font-bold">Join a room</h1>
+              <h1 className="">{`You have been invited to join a room`}</h1>
+            </>
+          )}
+        </div>
         <div className="form-control">
           <input
             onChange={(e) => {
@@ -49,7 +51,7 @@ export default function ParticipantsCard({
             )}
           />
         </div>
-        <div className="form-control mt-6 w-fit self-end">
+        <div className="form-control">
           <button
             className="btn btn-primary text-base-100 normal-case"
             type="submit"