Fixed a lot of responsive problems.

- Fixed auth problem
- Fixed BBCode and Markdown apparition in some unnecessary parts

resources/views/components/gallery-field.blade.php

@@ -15,7 +15,15 @@
         </div>
         <div class="form-gallery form-group level" style="flex:4;">
             <template x-for="(image,i) in images" :key="image.key">
-                <div class="gallery-item" :class="{ 'gallery-item--dragging': dragSrcI === i }" draggable="true" @dragstart="dragStart(i)" @dragover="dragOver($event, i)" @dragend="dragEnd()">
+                <div
+                    class="gallery-item"
+                    :class="{ 'gallery-item--dragging': dragSrcI === i }"
+                    draggable="true"
+                    :data-gallery-index="i"
+                    @dragstart="dragStart(i)"
+                    @dragover="dragOver($event, i)"
+                    @dragend="dragEnd()"
+                >
                     <div class="form-image-preview-wrap">
                         <div class="gallery-drag-handle" title="Drag to reorder">
                             <i data-lucide="grip-vertical" size="14"></i>
@@ -28,6 +36,14 @@
                             X
                         </button>
                     </div>
+                    <div class="gallery-mobile-controls" aria-label="Reorder screenshot">
+                        <button type="button" class="gallery-move-btn" @click="moveImageUp(i)" :disabled="i === 0" title="Move up">
+                            <i data-lucide="chevron-up" size="14"></i>
+                        </button>
+                        <button type="button" class="gallery-move-btn" @click="moveImageDown(i)" :disabled="i === images.length - 1" title="Move down">
+                            <i data-lucide="chevron-down" size="14"></i>
+                        </button>
+                    </div>
                 </div>
             </template>
         </div>