move last update text

src/App.css

@@ -53,11 +53,11 @@ body {
   width: 100%;
   font-size: small;
   text-align: end;
-  font-weight: 500;
+  font-weight: 200;
 }
 
 .developer {
-  font-size: x-small;
+  font-size: medium;
   font-weight: 600;
 }
 
@@ -73,6 +73,14 @@ body {
   width: 1em;
 }
 
+.gov-logo-1 {
+  width: 1.79em;
+}
+
+.gov-logo-3 {
+  width: 1.79em;
+}
+
 .title-text {
   margin: 0 1em 0 1em;
   font-size: medium;
@@ -288,12 +296,17 @@ body {
   }
 
   .nscm-logo {
-    width: 2.5em;
+    width: 2em;
   }
   
   .gov-logo {
     width: 2.5em;
   }
+
+  .gov-logo-3 {
+    width: 2.5em;
+    margin-top: 5px;
+  }
 }
 
 @media screen and (min-width: 2560px) {

src/App.js

@@ -101,13 +101,12 @@ function App() {
     <div>
       <div class='dashboard-title'>
         <img className="nscm-logo" src={require('./logo_nobg.png')} />
-         <div className='title-text'>HPOS Sickel Cell Test Dashboard</div>
+        <div className='title-text'>HPOS Sickel Cell Test Dashboard</div>
-         <img className="gov-logo" src={require('./gov_logo2.png')} />
+        <img className="gov-logo-1" src={require('./gov_logo2.png')} />
         <img className="gov-logo" src={require('./gov_logo3.png')} />
+        <img className="gov-logo-3" src={require('./gov_logo4.png')} />
       </div>
-      <div className='last-update'>
+
-        Updated At: {Date(lastUpdate).toLocaleString()}
-      </div>
       <div className='cards-container'>
         <div className='cards-row'>
           <Card title={"Screened"} counter={totalScreened} color={'black'} backgroundColor={'rgb(254, 240, 227)'} />
@@ -121,6 +120,10 @@ function App() {
           <Card title={"Disease"} counter={diseases} backgroundColor={'rgb(249, 195, 195)'} />
         </div>
 
+        <div className='last-update'>
+          Updated At: {Date(lastUpdate).toLocaleString()}
+        </div>
+
         <div className='developer'>
           Developed by <img className="dev-logo" src={require('./smi-logo-120x120.webp')} /> ShanMukha
         </div>