Fixed heading type / color

TIER · Oct 25, 2021 · c8d4aeb · c8d4aeb
1 parent 006b7fb
commit c8d4aeb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/ui/src/app/core/components/Header.js b/ui/src/app/core/components/Header.js
@@ -31,7 +31,7 @@ export function Header () {
                 <img src={brand.logo.small} width="30" height="30" className="d-inline-block align-top" alt={brand.logo.alt} />
                 <span className="d-lg-inline d-none"><Translate value={brand.logo.link.label}></Translate></span>
             </Navbar.Brand>
-            <Navbar.Text><Translate value={brand.header.title}></Translate></Navbar.Text>
+            <Navbar.Text as="h1"><Translate value={brand.header.title}></Translate></Navbar.Text>
             {loading ?
             <div className="d-flex justify-content-end flex-fill">
                 <FontAwesomeIcon icon={faSpinner} spin={true} pulse={true} size="lg" />

diff --git a/ui/src/theme/project/typography.scss b/ui/src/theme/project/typography.scss
@@ -18,4 +18,11 @@
     line-height: 1.5;
     border-radius: 0.2rem;
     display: block;
+}
+
+.navbar-light .navbar-text {
+    font-size: 1rem;
+    font-weight: normal;
+    margin: 0;
+    color: rgba(0, 0, 0, 0.75);
 }