From 8ef5fc975c095d46b675fd9f6d63a99c6ca236d3 Mon Sep 17 00:00:00 2001
From: "diana.dolgolyova" <diana.dolgolyova@gmail.com>
Date: Thu, 12 Mar 2026 15:32:10 +0300
Subject: [PATCH] fix: gold checkbox + button layout in schedule modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Custom gold checkbox for 'Одинаковое время'
- Delete button moved to right with text label
- Save button on left

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/app/admin/schedule/page.tsx | 49 +++++++++++++++++----------------
 1 file changed, 26 insertions(+), 23 deletions(-)

diff --git a/src/app/admin/schedule/page.tsx b/src/app/admin/schedule/page.tsx
index 2900bd5..2c56c11 100644
--- a/src/app/admin/schedule/page.tsx
+++ b/src/app/admin/schedule/page.tsx
@@ -401,27 +401,29 @@ function ClassModal({
 
           {/* Same time checkbox + time fields */}
           {selectedDays.size > 1 && (
-            <label className="flex items-center gap-2 text-sm text-neutral-300 cursor-pointer select-none">
-              <input
-                type="checkbox"
-                checked={sameTime}
-                onChange={(e) => {
-                  const checked = e.target.checked;
-                  setSameTime(checked);
-                  if (checked) {
-                    // Sync all days to current day's time
-                    const refTime = dayTimes[currentDay] || Object.values(dayTimes)[0] || cls.time;
-                    setDayTimes((prev) => {
-                      const next: Record<string, string> = {};
-                      for (const d of Object.keys(prev)) next[d] = refTime;
-                      return next;
-                    });
-                  }
-                }}
-                className="rounded border-white/20 bg-neutral-800 text-gold focus:ring-gold/50"
-              />
+            <button
+              type="button"
+              onClick={() => {
+                const checked = !sameTime;
+                setSameTime(checked);
+                if (checked) {
+                  const refTime = dayTimes[currentDay] || Object.values(dayTimes)[0] || cls.time;
+                  setDayTimes((prev) => {
+                    const next: Record<string, string> = {};
+                    for (const d of Object.keys(prev)) next[d] = refTime;
+                    return next;
+                  });
+                }
+              }}
+              className="flex items-center gap-2 text-sm text-neutral-300 select-none"
+            >
+              <span className={`inline-flex items-center justify-center w-4 h-4 rounded border transition-colors ${
+                sameTime ? "bg-gold border-gold" : "border-white/20 bg-neutral-800"
+              }`}>
+                {sameTime && <span className="text-black text-xs font-bold leading-none">✓</span>}
+              </span>
               Одинаковое время
-            </label>
+            </button>
           )}
 
           {sameTime || selectedDays.size <= 1 ? (
@@ -504,7 +506,7 @@ function ClassModal({
           </div>
         )}
 
-        <div className="mt-6 flex items-center gap-3">
+        <div className="mt-6 flex items-center gap-2">
           <button
             type="button"
             onClick={() => {
@@ -528,9 +530,10 @@ function ClassModal({
                 onDelete();
                 onClose();
               }}
-              className="rounded-lg border border-red-500/30 px-4 py-2.5 text-sm text-red-400 hover:bg-red-500/10 transition-colors"
+              className="rounded-lg border border-red-500/30 px-4 py-2.5 text-sm text-red-400 hover:bg-red-500/10 transition-colors flex items-center gap-1.5"
             >
-              <Trash2 size={16} />
+              <Trash2 size={14} />
+              Удалить
             </button>
           )}
         </div>