Enha: responsive styles

components/teampew.html

@@ -1,9 +1,10 @@
 {{define "teampew"}}
-<div class="w-1/4 p-4 border-r">
+<!-- <div class="w-1/4 p-4 border-r"> -->
+<div>
 <h2 class="text-xl mb-4">Join {{.}} Team</h2>
 <form hx-post="/join-team" hx-target="#room-content">
     <input type="hidden" name="team" value="{{.}}">
-  <div class="mb-2">
+  <div class="mb-1">
       <button type="submit" name="role" value="guesser" class="w-full bg-{{.}}-500 text-white py-2 px-4 rounded">
       Join as Guesser
     </button>