Force full-width on textarea, submit button, and toolbar on mobile

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: alfredang

css/style.css

@@ -930,21 +930,29 @@ body.dark .qr-placeholder {
 /* Submit section */
 .submit-section {
   margin-bottom: 1rem;
+  width: 100%;
+  box-sizing: border-box;
 }
 .submit-section form {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
+  width: 100%;
 }
 .submit-section form .btn {
   width: 100%;
+  box-sizing: border-box;
 }
 .textarea-wrap {
   position: relative;
   width: 100%;
+  min-width: 0;
   box-sizing: border-box;
 }
 .textarea-wrap textarea {
+  width: 100%;
+  display: block;
+  box-sizing: border-box;
   padding-bottom: 1.5rem;
 }
 .char-count {
@@ -970,6 +978,8 @@ body.dark .qr-placeholder {
   align-items: center;
   justify-content: space-between;
   margin-bottom: 0.75rem;
+  width: 100%;
+  box-sizing: border-box;
 }
 .question-count-label {
   font-size: 0.8rem;

host.html

@@ -174,8 +174,8 @@ <h3 id="confirmTitle">Are you sure?</h3>
   <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-app-compat.js"></script>
   <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-auth-compat.js"></script>
   <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-firestore-compat.js"></script>
-  <script src="js/firebase-config.js?v=5"></script>
-  <script src="js/utils.js?v=5"></script>
-  <script src="js/host.js?v=5"></script>
+  <script src="js/firebase-config.js?v=6"></script>
+  <script src="js/utils.js?v=6"></script>
+  <script src="js/host.js?v=6"></script>
 </body>
 </html>

index.html

@@ -74,8 +74,8 @@ <h2>Join a Session</h2>
   <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-app-compat.js"></script>
   <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-auth-compat.js"></script>
   <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-firestore-compat.js"></script>
-  <script src="js/firebase-config.js?v=5"></script>
-  <script src="js/utils.js?v=5"></script>
-  <script src="js/app.js?v=5"></script>
+  <script src="js/firebase-config.js?v=6"></script>
+  <script src="js/utils.js?v=6"></script>
+  <script src="js/app.js?v=6"></script>
 </body>
 </html>

participant.html

@@ -100,8 +100,8 @@ <h1 class="participant-session-title" id="sessionTitle">Loading…</h1>
   <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-app-compat.js"></script>
   <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-auth-compat.js"></script>
   <script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-firestore-compat.js"></script>
-  <script src="js/firebase-config.js?v=5"></script>
-  <script src="js/utils.js?v=5"></script>
-  <script src="js/participant.js?v=5"></script>
+  <script src="js/firebase-config.js?v=6"></script>
+  <script src="js/utils.js?v=6"></script>
+  <script src="js/participant.js?v=6"></script>
 </body>
 </html>