more user friendliness

client/src/components/auth.rs

@@ -45,8 +45,12 @@ pub fn Auth() -> impl IntoView {
     });
 
     view! {
-        <div>
+        <div class="my-2">
             <h2 class="text-2xl">Sign in:</h2>
+            <p>
+                "You were already given a random name but if you'd like to change it this is the place. Reserve a username if you'd like to be able to reconnect and maintain your identity. (Granted the server doesn't crash because nothing persists yet)"
+            </p>
+            <br />
             <p>Username:</p>
             <form onsubmit="return false" on:submit=send_login>
                 <input

client/src/components/chat.rs

@@ -98,7 +98,7 @@ pub fn Chat() -> impl IntoView {
     });
 
     view! {
-        <div>
+        <div class="my-2">
             <h2 class="text-2xl">Chat: {move || chat_name()}</h2>
             <span class="flex">
                 <textarea
@@ -114,7 +114,6 @@ pub fn Chat() -> impl IntoView {
                     {move || users().into_iter().map(|n| view! { <li>{n}</li> }).collect_view()}
                 </ul>
             </span>
-
             <br />
             <span>
                 <form onsubmit="return false" on:submit=send_message>
@@ -131,7 +130,6 @@ pub fn Chat() -> impl IntoView {
                     />
                 </form>
             </span>
-            <br />
         </div>
     }
 }

client/src/pages/home.rs

@@ -37,21 +37,21 @@ pub fn Home() -> impl IntoView {
                     <p>
                         {"Welcome! Thank you for helping me test this. It's made out of glass right now so don't be too harsh but I would really like to know about any issues you find. Chances are you already know how to contact me but in case you don't you can find me at @whitedopeonpunk on discord and telegram or you can email me at "}
                         <a href="mailto:adam@doordesk.net">adam@doordesk.net</a>
-                        {". If you crash the server it'll be down until I notice, I built it brittle on purpose to see where it fails. This will get better with time. (I promise!)"}
+                        {". If you manage to crash the server it'll be down until I notice, I built it brittle on purpose to see where it fails. This will get better with time. (I promise!)"}
                     </p>
                     <br />
                     <p>Have fun!</p>
                     <br />
                     <Websocket />
                     <hr />
+                    <Chat />
+                    <hr />
                     <Auth />
                     <hr />
                     <Browser />
                     <hr />
                     <Game />
                     <hr />
-                    <Chat />
-                    <hr />
                     <Debug />
                     <hr />
                     <a href="https://git.doordesk.net/adam/cards/">git</a>