From a9ee28b395676d1314c4e48591f222d336a43ebb Mon Sep 17 00:00:00 2001
From: Lang <7system7@gmail.com>
Date: Sat, 18 Apr 2026 10:34:46 +0200
Subject: [PATCH] fix: usr: the css problem had been solved on reponsive gfx on
 homepage #4

---
 assets/css/homepage/_auth-bar.scss   | 20 ++++++++++++++------
 assets/css/homepage/_footer.scss     |  5 +----
 assets/css/homepage/_responsive.scss |  2 +-
 assets/css/style.layout.scss         |  5 -----
 templates/Game/index.html.twig       |  7 ++++---
 5 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/assets/css/homepage/_auth-bar.scss b/assets/css/homepage/_auth-bar.scss
index b5ea685..1217c93 100644
--- a/assets/css/homepage/_auth-bar.scss
+++ b/assets/css/homepage/_auth-bar.scss
@@ -1,14 +1,15 @@
-.hero-auth {
-    position: absolute;
-    top: 28px;
-    right: 36px;
+#hero-auth {
+  padding: 20px;
+
+  .hero-auth {
     display: flex;
     align-items: center;
+    justify-content: flex-end;
     gap: 10px;
     z-index: 10;
-}
+  }
 
-.hero-auth-user {
+  .hero-auth-user {
     font: 600 13px 'Rajdhani', sans-serif;
     color: rgba(149, 207, 245, 0.75);
     letter-spacing: 0.5px;
@@ -17,6 +18,13 @@
     gap: 6px;
 
     i { font-size: 15px; }
+  }
+
+  @media screen and (max-width: 1100px) {
+    .hero-auth {
+      justify-content: center;
+    }
+  }
 }
 
 .hero-auth-btn {
diff --git a/assets/css/homepage/_footer.scss b/assets/css/homepage/_footer.scss
index ecb3348..5f23bc1 100644
--- a/assets/css/homepage/_footer.scss
+++ b/assets/css/homepage/_footer.scss
@@ -14,7 +14,6 @@ footer {
     gap: 40px;
 }
 
-// Left: brand block
 .footer-brand {
     display: flex;
     flex-direction: column;
@@ -55,7 +54,6 @@ footer {
     line-height: 1.5;
 }
 
-// Right: navigation
 .footer-nav-label {
     font: 700 11px 'Rajdhani', sans-serif;
     text-transform: uppercase;
@@ -91,7 +89,6 @@ footer {
     }
 }
 
-// Bottom copyright bar
 .footer-copy {
     border-top: 1px solid rgba(255, 255, 255, 0.05);
     padding: 16px 60px;
@@ -112,4 +109,4 @@ footer {
 
         &:hover { color: #95cff5; }
     }
-}
\ No newline at end of file
+}
diff --git a/assets/css/homepage/_responsive.scss b/assets/css/homepage/_responsive.scss
index 2c3b465..06abf91 100644
--- a/assets/css/homepage/_responsive.scss
+++ b/assets/css/homepage/_responsive.scss
@@ -97,4 +97,4 @@
         font-size: 20px;
         letter-spacing: 4px;
     }
-}
\ No newline at end of file
+}
diff --git a/assets/css/style.layout.scss b/assets/css/style.layout.scss
index d8c188a..e038be3 100644
--- a/assets/css/style.layout.scss
+++ b/assets/css/style.layout.scss
@@ -320,7 +320,6 @@ footer nav ul li {
 }
 
 footer nav ul li:nth-child(even) {
-  width: 50px;
   text-align: center;
 }
 
@@ -401,8 +400,4 @@ footer nav ul li a:hover {
   footer nav ul li {
     display: block;
   }
-
-  footer nav ul li:nth-child(even) {
-    display: none;
-  }
 }
diff --git a/templates/Game/index.html.twig b/templates/Game/index.html.twig
index 42681df..106016a 100644
--- a/templates/Game/index.html.twig
+++ b/templates/Game/index.html.twig
@@ -23,9 +23,7 @@
 {% endblock %}
 
 {% block header %}
-  <section
-    class="hero{% if app.request.attributes.get('_route') != 'MineSeekerBundle_homepage' %} hero--compact{% endif %}">
-
+  <section id="hero-auth">
     <div class="hero-auth">
       {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
         <a href="{{ path('MineSeekerBundle_profile') }}" class="hero-auth-btn hero-auth-btn--profile">
@@ -56,7 +54,10 @@
         </a>
       {% endif %}
     </div>
+  </section>
 
+  <section
+    class="hero{% if app.request.attributes.get('_route') != 'MineSeekerBundle_homepage' %} hero--compact{% endif %}">
     <a class="hero-logo" href="{{ path('MineSeekerBundle_homepage') }}">
       <img src="{{ asset('images/mine-logo-txt.png') }}" alt="MineSeeker"/>
     </a>