small ui tweaks

opus_submitter/src/components/SubmissionForm.vue

@@ -15,7 +15,7 @@
              <div class="text-sm space-y-1 mt-1">
                <div v-for="(data, puzzleName) in responsesByPuzzle" :key="puzzleName" class="flex justify-between">
                  <span>{{ puzzleName }}</span>
-                 <span class="badge badge-ghost badge-sm">{{ data.files.length }} file(s)</span>
+                 <span class="badge badge-ghost badge-sm ml-2">{{ data.files.length }} file(s)</span>
                </div>
              </div>
            </div>
@@ -26,16 +26,18 @@
         
         <!-- Notes -->
         <div class="form-control">
-          <label class="label">
-            <span class="label-text font-medium">Notes (Optional)</span>
-            <span class="label-text-alt">{{ notesLength }}/500</span>
-          </label>
-          <textarea 
-            v-model="notes"
-            class="textarea textarea-bordered h-24 resize-none"
-            placeholder="Add any notes about your solution, approach, or interesting findings..."
-            maxlength="500"
-          ></textarea>
+          <div class="flex-1">
+            <label class="flex label">
+              <span class="label-text font-medium">Notes (Optional)</span>
+              <span class="label-text-alt">{{ notesLength }}/500</span>
+            </label>
+            <textarea 
+              v-model="notes"
+              class="flex textarea textarea-bordered h-24 w-full resize-none"
+              placeholder="Add any notes about your solution, approach, or interesting findings..."
+              maxlength="500"
+            ></textarea>
+          </div>
         </div>
         
         <!-- Submit Button -->