Migration complete

resources/css/components/forms.css

@@ -508,6 +508,17 @@
     flex-direction: row;
     gap: 15px;
 }
+
+@media (max-width: 600px) {
+    .upload-item-actions {
+        flex-direction: column;
+        gap: 8px;
+    }
+
+    .upload-item-actions .btn {
+        width: 100%;
+    }
+}
 .file-state-icon { width: 18px; height: 18px; }
 .file-state-icon--public   { color: var(--success); }
 .file-state-icon--private  { color: var(--text2); }
@@ -613,3 +624,86 @@
 .game-selector-platform-only {
     grid-column: span 1;
 }
+
+@media (max-width: 768px) {
+    .form-group.level {
+        padding: 20px;
+        margin-bottom: 25px;
+    }
+
+    .form-group-title {
+        font-size: 1rem;
+        margin-bottom: 15px;
+        padding-bottom: 8px;
+    }
+
+    .form-group label, .form-label {
+        margin-bottom: 6px;
+        font-size: 0.9rem;
+    }
+
+    .form-input, .form-select, .form-textarea, .form-field {
+        padding: 8px 10px;
+        font-size: 0.9rem;
+    }
+
+    .form-textarea {
+        min-height: 100px;
+    }
+
+    .game-selector-mode {
+        flex-direction: column;
+        gap: 0;
+    }
+
+    .game-selector-mode-btn {
+        padding: 10px 12px;
+        border-right: none;
+        border-bottom: 1px solid var(--border);
+    }
+
+    .game-selector-mode-btn:last-child {
+        border-bottom: none;
+    }
+
+    .submit, .submit-level, .main-image-grid {
+        flex-direction: column;
+    }
+
+    .grid-hashes {
+        grid-template-columns: 1fr;
+    }
+
+    .hash-first {
+        display: none;
+    }
+}
+
+@media (max-width: 600px) {
+    .form-group {
+        margin-bottom: 15px;
+    }
+
+    .form-group.level {
+        padding: 15px;
+        margin-bottom: 20px;
+    }
+
+    .form-group-title {
+        font-size: 0.95rem;
+        margin-bottom: 12px;
+    }
+
+    .form-group label, .form-label {
+        font-size: 0.85rem;
+    }
+
+    .form-input, .form-select, .form-textarea, .form-field {
+        padding: 6px 8px;
+        font-size: 0.85rem;
+    }
+
+    .form-error-text {
+        font-size: 0.8rem;
+    }
+}