From 44366a2865ca2c467143bd9c7a9e5d118ab729d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9A=D0=BE=D0=BD=D1=81=D1=82=D0=B0=D0=BD=D1=82=D0=B8?=
 =?UTF-8?q?=D0=BD=20=D0=9B=D0=B5=D0=B1=D0=B5=D0=B4=D0=B8=D0=BD=D1=81=D0=BA?=
 =?UTF-8?q?=D0=B8=D0=B9?= <lebedinsky.kd@gmail.com>
Date: Thu, 30 Apr 2026 15:33:41 +0500
Subject: [PATCH] bugfix

---
 flask_app/app/static/css/app.css              | 22 +++++++++++++++++++
 .../app/templates/tests/attempt_review.html   | 10 +++++----
 flask_app/app/templates/tests/list.html       |  7 +++---
 3 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/flask_app/app/static/css/app.css b/flask_app/app/static/css/app.css
index 49adf4b..135981a 100644
--- a/flask_app/app/static/css/app.css
+++ b/flask_app/app/static/css/app.css
@@ -1024,6 +1024,28 @@ body.ui-legacy .attempts-card-list__action {
   flex-shrink: 0;
 }
 
+.attempt-review-options {
+  list-style: none;
+  padding-left: 0;
+  margin: 0;
+}
+
+.attempt-review-option {
+  margin: 0.25rem 0;
+  padding: 0.3rem 0.5rem;
+  border-radius: 0.55rem;
+}
+
+.attempt-review-option--wrong {
+  background: #fef2f2;
+  color: #b42318;
+}
+
+.attempt-review-option--correct {
+  background: #ecfdf3;
+  color: #067647;
+}
+
 /* ─── Прохождение теста: один вопрос, прогресс сверху, удобно с телефона ─── */
 .attempt-root {
   max-width: var(--max-content);
diff --git a/flask_app/app/templates/tests/attempt_review.html b/flask_app/app/templates/tests/attempt_review.html
index 18a55f0..6a74cbe 100644
--- a/flask_app/app/templates/tests/attempt_review.html
+++ b/flask_app/app/templates/tests/attempt_review.html
@@ -2,7 +2,7 @@
 {% block title %}Разбор попытки{% endblock %}
 
 {% block content %}
-<div class="test-detail-page">
+<div class="test-detail-page attempt-review-page">
   <p class="link-back"><a href="/tests">← к списку тестов</a></p>
   <h1 class="font-headline" style="font-size:1.35rem;margin-top:0;">Разбор: {{ review.testTitle }}</h1>
   <p>
@@ -22,10 +22,12 @@
           <span>{{ 'Верно' if q.isUserCorrect else 'Ошибка' }}</span>
         </div>
         <p style="margin-top:.25rem;"><strong>{{ loop.index }}.</strong> {{ q.text }}</p>
-        <ul style="list-style:none;padding-left:0;margin:0;">
+        <ul class="attempt-review-options">
           {% for o in q.options %}
-            <li style="margin:.25rem 0;">
-              <span>
+            <li class="attempt-review-option
+                       {% if o.isCorrect %}attempt-review-option--correct{% endif %}
+                       {% if o.selected and not o.isCorrect %}attempt-review-option--wrong{% endif %}">
+              <span class="attempt-review-option__text">
                 {% if o.selected %}☑{% else %}☐{% endif %}
                 {{ o.text }}
                 {% if o.isCorrect %}<strong> (правильный)</strong>{% endif %}
diff --git a/flask_app/app/templates/tests/list.html b/flask_app/app/templates/tests/list.html
index 3b04dbc..4c58703 100644
--- a/flask_app/app/templates/tests/list.html
+++ b/flask_app/app/templates/tests/list.html
@@ -124,9 +124,10 @@
 {% endif %}
 
 <dialog id="dlg-create"
-        class="m-0 p-0 w-full h-full sm:h-auto sm:max-w-md sm:w-full sm:m-auto
-               sm:rounded-2xl bg-white backdrop:bg-ink-900/50">
-  <form method="dialog" class="flex flex-col h-full sm:h-auto bg-white sm:rounded-2xl">
+class="m-0 p-0 w-full sm:w-full sm:max-w-md
+      h-fit max-h-[calc(100vh-2rem)]
+      rounded-2xl bg-white backdrop:bg-ink-900/50 m-auto">
+  <form method="dialog" class="flex flex-col sm:h-auto bg-white sm:rounded-2xl">
     <div class="px-4 sm:px-5 py-3 border-b border-ink-300/60 flex items-center justify-between">
       <h2 class="text-lg font-semibold">Новый тест</h2>
       <button type="button" id="dlg-cancel-x"