fix(validator-management): remove custom style

src/pages/ValidatorManagement/ValidatorManagement.tsx

@@ -21,20 +21,11 @@ const ValidatorManagement = () => {
         className={'transparent-scrollbar'}
       >
         <ManagementHeader />
-        <div className={styles['container']}>
+          <DeviceUptime style={{ height: 'auto' }} />
-          <div className={styles['column big-column']}>
+              <ConsensusUptimeCard />
-            <DeviceUptime />
+              <ExecutionUptime />
-          </div>
+              <BasicInfoCard title="Network Validators" value="498,156" />
-          <div className={styles['column small-column']}>
+              <BasicInfoCard title="Queue" value="145" />
-            <ConsensusUptimeCard />
-            <ExecutionUptime />
-          </div>
-          <div className={styles['column small-column']}>
-            <BasicInfoCard title="Network Validators" value="498,156" />
-
-            <BasicInfoCard title="Queue" value="145" />
-          </div>
-        </div>
         <Text size={27} weight={'semibold'}>
           Validators
         </Text>

src/pages/ValidatorManagement/validatorManagement.module.css

@@ -46,27 +46,6 @@
   flex-direction: row;
 }
 
-.container {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-around;
-  align-items: stretch;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.column {
-  flex: 1;
-  box-sizing: border-box;
-}
-.big-column {
-  flex-basis: 50%;
-}
-
-.small-column {
-  flex-basis: 25%;
-}
-
 @media (max-width: 790px) {
   .sync-status-cards-container {
     min-width: 100%;