From a9fdf8c87ba03a4d798e96dc97030abf9f5c3819 Mon Sep 17 00:00:00 2001
From: Nikolay Tverdokhlebov <nn.tverd@gmail.com>
Date: Fri, 20 Dec 2024 20:17:47 +0500
Subject: [PATCH] fixup! fixup! fix: review replies

---
 playwright/README.md                                      | 1 +
 .../Questions/QuestionBlockItem/QuestionBlockItem.scss    | 8 +++++++-
 .../Questions/QuestionBlockItem/QuestionBlockItem.tsx     | 5 +----
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/playwright/README.md b/playwright/README.md
index 4f5031f32..5973bd60b 100644
--- a/playwright/README.md
+++ b/playwright/README.md
@@ -136,3 +136,4 @@
 - `npm run playwright:docker` - run tests using docker
 - `npm run playwright:docker:update` - update screenshots using docker
 - `npm run playwright:docker:clear-cache` - clear node_modules cache for docker container and clear cache vite
+- `npx playwright show-report ./playwright-report-docker` - show report
diff --git a/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.scss b/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.scss
index dc0511286..5b678b53f 100644
--- a/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.scss
+++ b/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.scss
@@ -13,7 +13,7 @@ $block: '.#{$ns}QuestionsBlockItem';
 
     &__title {
         @include add-specificity(&) {
-            @include reset-button-style();
+            // @include reset-button-style();
             @include heading4();
             @include focusable();
 
@@ -69,4 +69,10 @@ $block: '.#{$ns}QuestionsBlockItem';
 
         margin-top: $indentXXS;
     }
+
+    &__button {
+        @include reset-button-style();
+
+        width: 100%;
+    }
 }
diff --git a/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx b/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx
index c9b3f1ca7..17273120a 100644
--- a/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx
+++ b/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx
@@ -31,7 +31,7 @@ export const QuestionBlockItem = ({
             role={'listitem'}
         >
             <button
-                className={b('title')}
+                className={b('button')}
                 onClick={onClick}
                 aria-expanded={isOpened}
                 onKeyDown={onKeyDown}
@@ -46,10 +46,7 @@ export const QuestionBlockItem = ({
                         constructor: true,
                     }}
                     onClick={onClick}
-                    role="button"
-                    aria-expanded={isOpened}
                     tabIndex={0}
-                    onKeyDown={onKeyDown}
                 >
                     <ToggleArrow
                         open={isOpened}