From 89cbad97f01516386105d7e7b4979ba73309d220 Mon Sep 17 00:00:00 2001
From: etienne <etienne.mentrel@scafe.io>
Date: Fri, 16 Feb 2024 15:44:45 +0100
Subject: [PATCH] Update AddRoomPanel styling and form layout

---
 frontend/src/components/Room/AddRoomPanel.tsx | 8 ++++----
 init-mongo.sh                                 | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Room/AddRoomPanel.tsx b/frontend/src/components/Room/AddRoomPanel.tsx
index 7f3b1c4..f798311 100644
--- a/frontend/src/components/Room/AddRoomPanel.tsx
+++ b/frontend/src/components/Room/AddRoomPanel.tsx
@@ -67,7 +67,7 @@ function AddRoomPanel({ hideAddRoomPanel }: any) {
       onClick={() => hideAddRoomPanel(true)}
     >
       <div
-        className="relative w-full bg-white rounded-lg shadow-lg md:mt-0 sm:max-w-md xl:p-0 dark:bg-gray-900"
+        className="relative w-full bg-white rounded-lg shadow-lg md:mt-0 sm:max-w-md xl:p-0 dark:bg-gray-900 flex flex-col justify-center items-center"
         onClick={(e) => e.stopPropagation()}
       >
         <AiFillCloseCircle
@@ -76,11 +76,11 @@ function AddRoomPanel({ hideAddRoomPanel }: any) {
           onClick={() => hideAddRoomPanel(true)}
         />
         <div className="p-6 space-y-4 md:space-y-6 sm:p-8">
-          <h1 className="text-xl font-bold tracking-tight leading-tight text-gray-900 md:text-2xl dark:text-gray-300">
+          <h1 className="text-xl font-bold tracking-tight leading-tight text-gray-900 md:text-2xl dark:text-gray-300 flex flex-col justify-center items-center">
             Create or join room
           </h1>
           <div className="flex space-x-4">
-            <form className="space-y-4 md:space-y-6">
+            <form className="flex flex-col justify-between space-y-4 md:space-y-6 h-full">
               <div>
                 <label
                   htmlFor="roomId"
@@ -102,7 +102,7 @@ function AddRoomPanel({ hideAddRoomPanel }: any) {
                 Join Room
               </button>
             </form>
-            <form className="space-y-4 md:space-y-6">
+            <form className="flex flex-col justify-between space-y-4 md:space-y-6 h-full">
               <div>
                 <label
                   htmlFor="title"
diff --git a/init-mongo.sh b/init-mongo.sh
index fab2307..7fcc87b 100644
--- a/init-mongo.sh
+++ b/init-mongo.sh
@@ -1,4 +1,4 @@
-#!/bin/sh
+#!/bin/bash
 set -e
 
 until mongo --eval "print(\"waited for connection\")"