fix button styles

melodoc · Jul 27, 2024 · 31297af · 31297af
1 parent 202ef45
commit 31297af
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/TroubleshootingMode/components/DataManagementPanel/index.tsx b/src/components/TroubleshootingMode/components/DataManagementPanel/index.tsx
@@ -12,11 +12,11 @@ function DataManagementPanel() {
   };
 
   return (
-    <div>
+    <>
       <h1> 🎓 Управление вопросами для тренировки</h1>
       <div className="file-upload-container">
         <button type="button" onClick={() => exportDataToFile(LOCAL_STORAGE_KEYS.answers, "incorrectAnswers.json")}>
-          📤 Экспортировать
+          🚚 Экспортировать
         </button>
         <div className="file-upload-buttons">
           <input
@@ -36,7 +36,7 @@ function DataManagementPanel() {
           </label>
         </div>
       </div>
-    </div>
+    </>
   );
 }
 

diff --git a/src/components/TroubleshootingMode/components/DataManagementPanel/styles.css b/src/components/TroubleshootingMode/components/DataManagementPanel/styles.css
@@ -3,6 +3,7 @@
     align-items: center;
     justify-content: center;
     gap: 1em;
+    flex-wrap: wrap;
 }
 
 .file-upload-buttons {
@@ -18,6 +19,7 @@
     font-size: 1em;
     font-weight: 500;
     font-family: inherit;
+    line-height: normal;
     background-color: #1a1a1a;
     padding: 0.6em 1.2em;
     cursor: pointer;