diff options
| -rw-r--r-- | css/website.css | 11 | ||||
| -rw-r--r-- | templates/partials/header.html.twig | 18 |
2 files changed, 17 insertions, 12 deletions
diff --git a/css/website.css b/css/website.css index 2f19f75..1912fb3 100644 --- a/css/website.css +++ b/css/website.css @@ -124,13 +124,18 @@ body { } .header #left { - flex-grow: 2; + width: 100%; display: flex; align-items: start; + gap: 25px } .header #right { - flex-grow: 2; + width: 100%; +} + +.header #center { + text-wrap: nowrap; } /* Buttons */ @@ -140,7 +145,6 @@ body { display: flex; flex-direction: row; gap: 10px; - margin: 5px 5px; } .transparentButton @@ -154,6 +158,7 @@ body { .links { + margin: 5px 5px; flex-wrap: wrap; display: flex; gap: 25px; diff --git a/templates/partials/header.html.twig b/templates/partials/header.html.twig index e33dd0b..027d723 100644 --- a/templates/partials/header.html.twig +++ b/templates/partials/header.html.twig @@ -1,13 +1,5 @@ <div class="header"> <div id="left"> - {% if page.parent.url != "/" %} - <a class="anim4" href="/"> - <div class="roundedButton"> - <span class="icon">home</span> - <span>Home</span> - </div> - </a> - {% endif %} {% if page.url != "/" %} <a class="anim3" href="{{ page.parent.url }}"> <div class="roundedButton"> @@ -18,7 +10,15 @@ {% else %} <span class="icon" style="color: white;">home</span> {% endif %} - + + {% if page.parent.url != "/" %} + <a class="anim4" href="/"> + <div class="roundedButton"> + <span class="icon">home</span> + <span>Home</span> + </div> + </a> + {% endif %} </div> <div id="center"> |