Fixed the look of the DATA PORTAL text in the header & footer (#241)

ghga-de · Aug 6, 2024 · 517e8dd · 517e8dd
1 parent 5aaa80e
commit 517e8dd
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/components/footer/footerNavbar.tsx b/src/components/footer/footerNavbar.tsx
@@ -99,16 +99,16 @@ const FooterNavbar = () => {
                   <div style={{ fontFamily: "Lexend" }}>
                     <span
                       className="position-relative"
-                      style={{ fontSize: "45px", top: "-15px" }}
+                      style={{ fontSize: "42px", top: "-20px", left: "-8px" }}
                     >
-                      DATA
+                      DATA PORTAL
                     </span>
                     <br />
                     <span
                       className="position-relative"
-                      style={{ fontSize: "51px", top: "-45px" }}
+                      style={{ fontSize: "36px", top: "-57px" }}
                     >
-                      PORTAL
+                      &nbsp;
                     </span>
                   </div>
                 </div>

diff --git a/src/components/header/headerNavbar.tsx b/src/components/header/headerNavbar.tsx
@@ -50,24 +50,24 @@ const HeaderNavbar = () => {
                 <div className="d-flex align-items-center">
                   <div
                     style={{ width: "80%" }}
-                    className="flex-fill pe-2 me-2 border-end border-tertiary"
+                    className="flex-fill pe-1 me-1 border-end border-tertiary"
                   >
                     <img src={logo} alt="GHGA logo" height="35px" />
                   </div>
                   <div
-                    className="text-tertiary h-100"
+                    className="text-tertiary text-start h-100"
                     style={{ fontFamily: "Lexend" }}
                   >
                     <span
                       className="position-relative"
-                      style={{ fontSize: "18px", top: "5px" }}
+                      style={{ fontSize: "23px", top: "4px" }}
                     >
                       DATA
                     </span>
                     <br />
                     <span
-                      className="fs-5 position-relative"
-                      style={{ top: "-5px" }}
+                      className="fs-6 position-relative"
+                      style={{ top: "-6px" }}
                     >
                       PORTAL
                     </span>