chore: reduce header width

Even after removing Core Values (#8964), the Podman Desktop title is often cut off when I open our website in a browser. You have to have a large or full- screen browser to see the whole Podman Desktop title. Comparing with other sites, our logo + title is a bit wide (not much we can do about the name) and our header font sizes are also on the high side. This just reduces the font size a little and slightly increases the reactive width where it jumps between regular and large fonts so that Podman Desktop is usually visible. Fixes #5761. Signed-off-by: Tim deBoer <[email protected]>
containers · Sep 23, 2024 · 55d43c2 · 55d43c2
1 parent 3542a2a
commit 55d43c2
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -144,7 +144,7 @@ li.footer__item a svg {
 }
 
 .navbar__item {
-  font-size: 1em;
+  font-size: 0.9em;
 }
 
 .pagination-nav {
@@ -191,13 +191,13 @@ li.footer__item a svg {
   background-color: transparent !important;
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1230px) {
   .navbar__title {
-    font-size: 2em;
+    font-size: 1.7em;
   }
 
   .navbar__item {
-    font-size: 1.2em;
+    font-size: 1em;
   }
 }