(flex-site) 03/03: styles: fix header menus that overflowed into new row

[joshtynjala]

This is an automated email from the ASF dual-hosted git repository.

joshtynjala pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/flex-site.git

commit 54fe8416ea484ee07a9f59c941b90a5c88285d36
Author: Josh Tynjala <joshtynj...@bowlerhat.dev>
AuthorDate: Wed Jun 25 08:48:14 2025 -0700

    styles: fix header menus that overflowed into new row
---
 content/css/style.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/content/css/style.css b/content/css/style.css
index 24ebc65e7..f29ace86b 100644
--- a/content/css/style.css
+++ b/content/css/style.css
@@ -58,7 +58,14 @@
     position: relative;
 }
 
-#navigation ul,
+#navigation ul {
+    list-style:none;
+    padding:0;
+    margin:0;
+    display:flex;
+    justify-content:space-between;
+}
+
 #navigation li {
     list-style:none;
     padding:0;
@@ -66,7 +73,6 @@
     display:inline;
 }
 #navigation ul li{
-    float:left;
     position:relative;
     background: url(../images/nav-divider.png)  repeat-y right;
     line-height: 30px;
@@ -78,7 +84,7 @@
     color: #fff;
     text-decoration: none;
     font-size: 14px;
-    padding: 15px 25px;
+    padding: 15px 20px;
     margin-bottom: 1px;
     text-transform: uppercase;