[EGIT] [www] 01/01: improve content layout to handle wrapped header

[Enlightenment Git]

This is an automated email from the git hooks/post-receive script.

git pushed a commit to branch master
in repository www.

View the commit online.

commit 13a121610bccc2d13d5523bae03af3c69d72872b
Author: Carsten Haitzler (Rasterman) <ras...@rasterman.com>
AuthorDate: Sun May 17 23:13:13 2026 +0100

    improve content layout to handle wrapped header
---
 public_html/style.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/public_html/style.css b/public_html/style.css
index cfcfa0cb..a89ca51d 100644
--- a/public_html/style.css
+++ b/public_html/style.css
@@ -25,9 +25,8 @@ body {
 .flexy {
 }
 header {
- float: left;
  display: block;
- position: fixed;
+ position: sticky;
  top: 0;
  width: 100%;
  z-index: 100;
@@ -35,8 +34,8 @@ header {
  box-shadow: 0px 10px 20px rgb(0 0 0 / 20%);
 }
 .head-wrap {
- float: left;
  display: flex;
+ flex-wrap: wrap;
  align-items: center;
  width: 100%;
  font-weight: bold;
@@ -52,13 +51,14 @@ header {
  vertical-align: middle;
 }
 .head-menu {
- float: left;
- display: flex-wrap;
- vertical-align: middle;
+ display: flex;
+ flex: 1 1 0;
+ flex-wrap: wrap;
+ align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
- width: 100%;
+ min-width: 0;
 }
 .head-menu-item a:link,
 .head-menu-item a:visited,
@@ -68,7 +68,7 @@ header {
 .head-menu-item-active a:visited,
 .head-menu-item-active a:hover,
 .head-menu-item-active a:active {
- float: left;
+ display: block;
  color: #a0a0a0;
  padding: 7px 12px;
  width: auto;
@@ -84,7 +84,7 @@ header {
  background: #202020;
 }
 .main-wrap {
- margin: 76px 26px 80px;
+ margin: 26px 26px 80px;
 }
 .biglogo {
  margin: 16px;


-- 
To stop receiving notification emails like this one, please contact
the administrator of this repository.