From 92777d7a6715af0cf80d605d42f52f03bcd0b56c Mon Sep 17 00:00:00 2001
From: lizerk <lizerk-dev@gmail.com>
Date: Mon, 13 Apr 2026 15:34:59 +0300
Subject: [PATCH] refactor(frontend): keep comment action inline

---
 .../src/components/shared/CommentControls.tsx | 26 +++++++++----------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/shared/CommentControls.tsx b/frontend/src/components/shared/CommentControls.tsx
index 10e9f9a1..b2dbce39 100644
--- a/frontend/src/components/shared/CommentControls.tsx
+++ b/frontend/src/components/shared/CommentControls.tsx
@@ -61,25 +61,23 @@ export function CommentComposer({
   }
 
   return (
-    <div className="grid gap-2 sm:grid-cols-[minmax(0,1fr)_auto] sm:items-center">
+    <div className="flex min-w-0 items-center gap-2">
       <input
         value={value}
         onChange={(event) => onChange(event.target.value)}
         placeholder={placeholder}
-        className="app-input min-w-0 w-full rounded-lg px-3 py-2 text-xs"
+        className="app-input h-9 w-0 min-w-0 flex-1 rounded-lg px-3 py-2 text-xs"
       />
-      <div className="flex items-center justify-end">
-        <button
-          type="button"
-          onClick={() => void onSubmit()}
-          disabled={submitDisabled}
-          className="app-action-primary inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg disabled:opacity-50"
-          title="Отправить комментарий"
-          aria-label="Отправить комментарий"
-        >
-          <Send size={14} />
-        </button>
-      </div>
+      <button
+        type="button"
+        onClick={() => void onSubmit()}
+        disabled={submitDisabled}
+        className="app-action-primary inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg disabled:opacity-50"
+        title="Отправить комментарий"
+        aria-label="Отправить комментарий"
+      >
+        <Send size={14} />
+      </button>
     </div>
   );
 }