From 8027fcaafc2cdeccacde46a07a057451abf059f4 Mon Sep 17 00:00:00 2001
From: Quy_FE <ngocquywork99@gmail.com>
Date: Tue, 27 May 2025 14:56:33 +0700
Subject: [PATCH] Style : fix layout

---
 src/_components/Auth/InputText/index.scss       |  4 ++--
 src/_components/boxChart/boxChart.scss          | 12 +++++++++---
 src/_screens/home/education-department/index.js | 16 +++++++++-------
 3 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/_components/Auth/InputText/index.scss b/src/_components/Auth/InputText/index.scss
index 66c6901..c2d2262 100644
--- a/src/_components/Auth/InputText/index.scss
+++ b/src/_components/Auth/InputText/index.scss
@@ -98,7 +98,7 @@ $border-color: #4a4848;
 
       .icon_label {
         width: 31px;
-        margin-right: 8px;
+        // margin-right: 8px;
 
         @include screen_mobile {
           margin-right: 0 !important;
@@ -168,4 +168,4 @@ $border-color: #4a4848;
 
 ::-ms-reveal {
   display: none;
-}
+}
\ No newline at end of file
diff --git a/src/_components/boxChart/boxChart.scss b/src/_components/boxChart/boxChart.scss
index b7a6ac6..e22ff06 100644
--- a/src/_components/boxChart/boxChart.scss
+++ b/src/_components/boxChart/boxChart.scss
@@ -7,8 +7,12 @@
   display: flex;
   flex-direction: column;
 
-  @media (max-width: 1750px) {
-    max-width: 250px;
+  @media (min-width: 1600px) and (max-width: 1750px) {
+    width: 300px;
+  }
+
+  @media (max-width: 1599px) {
+    max-width: 220px;
   }
 
   .box-chart-title {
@@ -23,7 +27,9 @@
     font-weight: 700;
   }
 
-  .doughnut-chart-content {}
+  // .doughnut-chart-content {
+  //   min-width: 120px;
+  // }
 
   .custom-button {
     padding: 8px;
diff --git a/src/_screens/home/education-department/index.js b/src/_screens/home/education-department/index.js
index 3c715a8..e20b27c 100644
--- a/src/_screens/home/education-department/index.js
+++ b/src/_screens/home/education-department/index.js
@@ -256,7 +256,7 @@ export default function EducationDepartmentHome() {
               <p className="education-department-home-note">
                 Danh sách phòng giáo dục
               </p>
-              <div className="d-flex detail-education-department-list-header">
+              <div className="detail-education-department-list-header">
               <InputText
                   className="criteria-manage-search-input criteria-manage-item"
                   value={searchText}
@@ -271,12 +271,14 @@ export default function EducationDepartmentHome() {
                     }
                   }}
                   />
-              <PrimaryButton
-                isDisabled={false}
-                onClick={handleSubmit}
-              >
-                {"Tìm kiếm"}
-              </PrimaryButton>
+              <div style={{paddingTop: 10}}>
+                <PrimaryButton
+                  isDisabled={false}
+                  onClick={handleSubmit}
+                  >
+                  {"Tìm kiếm"}
+                </PrimaryButton>
+                </div>
               </div>
             </div>
             <div onScroll={handleScroll} className="education-department-home-list-content scrollbar-custom">