From 6783136fd3824d46d82c6a35e74c64ef22967eec Mon Sep 17 00:00:00 2001
From: larentoun <31931237+larentoun@users.noreply.github.com>
Date: Tue, 15 Oct 2024 19:25:19 +0300
Subject: [PATCH] better it

---
 .../tgui/interfaces/RuNamesSuggestPanel.jsx   | 75 +++++++++----------
 1 file changed, 35 insertions(+), 40 deletions(-)

diff --git a/tgui/packages/tgui/interfaces/RuNamesSuggestPanel.jsx b/tgui/packages/tgui/interfaces/RuNamesSuggestPanel.jsx
index 399582ad8661f..08f816f9a63e4 100644
--- a/tgui/packages/tgui/interfaces/RuNamesSuggestPanel.jsx
+++ b/tgui/packages/tgui/interfaces/RuNamesSuggestPanel.jsx
@@ -19,64 +19,59 @@ export const RuNamesSuggestPanel = (props) => {
       <Section title={'Оригинал: ' + visible_name}>
         <LabeledList>
           <LabeledList.Item label="Именительный (Кто? Что?)">
-            <Input
-              width="225px"
-              onChange={(e, value) => setNominative(value)}
-            />
+            <Input width="100%" onChange={(e, value) => setNominative(value)} />
           </LabeledList.Item>
           <LabeledList.Item label="Родительный (Кого? Чего?)">
-            <Input width="225px" onChange={(e, value) => setGenitive(value)} />
+            <Input width="100%" onChange={(e, value) => setGenitive(value)} />
           </LabeledList.Item>
           <LabeledList.Item label="Дательный (Кому? Чему?)">
-            <Input width="225px" onChange={(e, value) => setDative(value)} />
+            <Input width="100%" onChange={(e, value) => setDative(value)} />
           </LabeledList.Item>
           <LabeledList.Item label="Винительный (Кого? Что?)">
-            <Input
-              width="225px"
-              onChange={(e, value) => setAccusative(value)}
-            />
+            <Input width="100%" onChange={(e, value) => setAccusative(value)} />
           </LabeledList.Item>
           <LabeledList.Item label="Творительный (Кем? Чем?)">
             <Input
-              width="225px"
+              width="100%"
               onChange={(e, value) => setInstrumental(value)}
             />
           </LabeledList.Item>
           <LabeledList.Item label="Предложный (О/В ком/чём?)">
             <Input
-              width="225px"
+              width="100%"
               onChange={(e, value) => setPrepositional(value)}
             />
           </LabeledList.Item>
-          <LabeledList.Item>
-            <Button.Confirm
-              confirmColor="green"
-              confirmContent="Вы уверены?"
-              disabled={
-                !nominative ||
-                !genitive ||
-                !dative ||
-                !accusative ||
-                !instrumental ||
-                !prepositional
-              }
-              onClick={() =>
-                act('send', {
-                  entries: [
-                    nominative,
-                    genitive,
-                    dative,
-                    accusative,
-                    instrumental,
-                    prepositional,
-                  ],
-                })
-              }
-            >
-              Отправить
-            </Button.Confirm>
-          </LabeledList.Item>
         </LabeledList>
+        <Button.Confirm
+          fluid
+          textAlign="center"
+          mt={1.5}
+          confirmColor="green"
+          confirmContent="Вы уверены?"
+          disabled={
+            !nominative ||
+            !genitive ||
+            !dative ||
+            !accusative ||
+            !instrumental ||
+            !prepositional
+          }
+          onClick={() =>
+            act('send', {
+              entries: [
+                nominative,
+                genitive,
+                dative,
+                accusative,
+                instrumental,
+                prepositional,
+              ],
+            })
+          }
+        >
+          Отправить
+        </Button.Confirm>
       </Section>
     </Window>
   );