From a699e33a18ea2deb826862db24c5a83e49dbc16f Mon Sep 17 00:00:00 2001
From: Yan Zhylavy <yanzhylavy@gmail.com>
Date: Mon, 16 Dec 2024 12:28:17 +0200
Subject: [PATCH] Css adjustments

---
 .../AdminPage/AutoApproveDelay/AutoApproveDelay.jsx    |  4 ++--
 .../AutoApproveDelay/AutoApproveDelay.module.css       | 10 +++++++---
 FrontEnd/src/pages/CustomThemes/customAdminTheme.js    |  3 +++
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.jsx b/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.jsx
index 4e2db684b..f592b2dd0 100644
--- a/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.jsx
+++ b/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.jsx
@@ -38,8 +38,8 @@ const AutoApproveDelay = () => {
     };
     return (
         <div className={css['autoapprove-section']}>
-            <h3 className={css['autoapprove-section__head']}>Налаштуйте час, після якого зміни будуть автоматично підтверджені у випадку бездіяльності модератора.</h3>
-            <label htmlFor="autoapprove" className={css['autoapprove_label']}>Час до автоматичного підтвердження <br />
+            <h3 className={css['autoapprove-section__head']}>Налаштуйте час, після якого зміни будуть автоматично підтверджені у разі відсутності дій з боку модератора.</h3>
+            <label htmlFor="autoapprove" className={css['autoapprove_label']}>Час до автоматичного затвердження <br />
             (години)</label>
             <Tooltip
                 title={'Введіть значення 1-48'}
diff --git a/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.module.css b/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.module.css
index 380258834..059907dbb 100644
--- a/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.module.css
+++ b/FrontEnd/src/pages/AdminPage/AutoApproveDelay/AutoApproveDelay.module.css
@@ -23,18 +23,23 @@
 }
 
 .autoapprove-input {
-    width: 258px;
+    width: 269px;
     height: 32px;
     box-sizing: border-box;
     padding-left: 4px;
     font-size: 16px;
+    outline-color: var(--grey-border-color);
+}
+
+.autoapprove-input:focus {
+    outline: none;
 }
 
 .buttons-group {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    width: 257px;
+    width: 269px;
     margin-top: 24px;
 }
 
@@ -47,7 +52,6 @@
     width: 124px;
     border-radius: 4px;
     background: #B4D27A;
-    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.04);
     color: black;
     text-align: center;
     font-feature-settings: 'calt' off;
diff --git a/FrontEnd/src/pages/CustomThemes/customAdminTheme.js b/FrontEnd/src/pages/CustomThemes/customAdminTheme.js
index 1d661b3e9..4410b6374 100644
--- a/FrontEnd/src/pages/CustomThemes/customAdminTheme.js
+++ b/FrontEnd/src/pages/CustomThemes/customAdminTheme.js
@@ -23,6 +23,9 @@ const customAdminTheme = {
         colorPrimary: '#1f9a7c'
       }
     },
+    token: {
+      fontFamily: 'Geologica',
+    }
   };
 
 export default customAdminTheme;