small ui tweaks

opus_submitter/src/App.vue

@@ -164,7 +164,7 @@ const reloadPage = () => {
         <div class="flex-1">
           <h1 class="text-xl font-bold">Opus Magnum Puzzle Submitter</h1>
         </div>
-        <div class="flex-none">
+        <div class="flex items-start justify-between">
           <div v-if="userInfo?.is_authenticated" class="flex items-center gap-2">
             <div class="text-sm">
               <span class="font-medium">{{ userInfo.username }}</span>
@@ -174,6 +174,11 @@ const reloadPage = () => {
           <div v-else class="text-sm text-base-content/70">
             Not logged in
           </div>
+          <div class="flex flex-col items-end gap-2">
+            <a href="/admin" class="btn btn-xs btn-warning">
+               Admin django
+            </a>
+          </div>
         </div>
       </div>
     </div>

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 -->