From ddb8c3de2bf8eb318776a1da649f6c52a6c07da6 Mon Sep 17 00:00:00 2001
From: Lilian <lilian@couchet.org>
Date: Tue, 28 Feb 2023 14:00:42 +0100
Subject: [PATCH] some responsive adjustement

---
 frontend/src/components/NavBar.svelte        | 1 +
 frontend/src/routes/+page.svelte             | 1 +
 frontend/src/routes/room/create/+page.svelte | 3 ++-
 frontend/src/routes/room/join/+page.svelte   | 3 ++-
 frontend/src/routes/signin/+page.svelte      | 4 +++-
 frontend/src/routes/signup/+page.svelte      | 3 ++-
 6 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/NavBar.svelte b/frontend/src/components/NavBar.svelte
index 5f3a5c7..f80e080 100644
--- a/frontend/src/components/NavBar.svelte
+++ b/frontend/src/components/NavBar.svelte
@@ -114,6 +114,7 @@
     transition: .3s;
     display: flex;
     gap: 7px;
+    width: max-content;
     @include down(666) {
       //display: none;
       opacity: 0;
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index d20495e..6aeac85 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -15,6 +15,7 @@
 	h1{
 		font-size: 4rem;
 		margin-bottom: 1rem;
+		text-align: center;
 	}
 	.rooms {
 		display: flex;
diff --git a/frontend/src/routes/room/create/+page.svelte b/frontend/src/routes/room/create/+page.svelte
index 4189d6c..80ca869 100644
--- a/frontend/src/routes/room/create/+page.svelte
+++ b/frontend/src/routes/room/create/+page.svelte
@@ -60,7 +60,8 @@
     flex-direction: column;
     align-items: center;
     gap: 20px;
-    width: max-content;
+    width: min(100%, 666px);
+    padding: 7px 20px;
   }
 
   .container {
diff --git a/frontend/src/routes/room/join/+page.svelte b/frontend/src/routes/room/join/+page.svelte
index a13d267..f29356f 100644
--- a/frontend/src/routes/room/join/+page.svelte
+++ b/frontend/src/routes/room/join/+page.svelte
@@ -27,7 +27,8 @@
     flex-direction: column;
     align-items: center;
     gap: 20px;
-    width: max-content;
+    width: min(100%, 666px);
+    padding: 7px 20px;
   }
 
   .container {
diff --git a/frontend/src/routes/signin/+page.svelte b/frontend/src/routes/signin/+page.svelte
index 0d368b6..928d0a7 100644
--- a/frontend/src/routes/signin/+page.svelte
+++ b/frontend/src/routes/signin/+page.svelte
@@ -65,11 +65,13 @@
 		justify-content: center;
 		margin-top: 50px;
 		div {
-			width: 40%;
 			display: flex;
 			flex-direction: column;
 			align-items: center;
 			gap: 20px;
+
+			width: min(100%, 666px);
+			padding: 7px 20px;
 		}
 	}
 	.spinner{
diff --git a/frontend/src/routes/signup/+page.svelte b/frontend/src/routes/signup/+page.svelte
index aca94d5..73f3b85 100644
--- a/frontend/src/routes/signup/+page.svelte
+++ b/frontend/src/routes/signup/+page.svelte
@@ -93,11 +93,12 @@
 		justify-content: center;
 		margin-top: 50px;
 		div {
-			width: 40%;
 			display: flex;
 			flex-direction: column;
 			align-items: center;
 			gap: 20px;
+			width: min(100%, 666px);
+			padding: 7px 20px;
 		}
 	}
 	.spinner{