From 2c21fe0091450f04ebd848a8afcc67e063791d2a Mon Sep 17 00:00:00 2001
From: Marwin Hochfelsner <50826859+hlfan@users.noreply.github.com>
Date: Sat, 5 Apr 2025 16:48:40 +0200
Subject: [PATCH] Adjust globe positioning

---
 app/assets/stylesheets/common.scss | 8 +++-----
 app/views/sessions/new.html.erb    | 5 +++--
 app/views/users/blocked.html.erb   | 5 +++--
 app/views/users/new.html.erb       | 5 +++--
 4 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 1fdc3f5d5..7d0e15152 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -664,17 +664,15 @@ tr.turn {
 }
 
 .header-illustration {
-  background-position: right;
+  /*rtl:ignore*/ background-position: bottom right;
+  background-size: contain;
   background-repeat: no-repeat;
   position: relative;
   min-height: 200px;
-  width: 100%;
-  left: 0;
-  bottom: 0;
+  inset: 0;
 
   &.new-user-main {
     background-image: image-url("illustrations/sign-up.svg");
-    background-position-x: 70px;
   }
 
   &.confirm-main {
diff --git a/app/views/sessions/new.html.erb b/app/views/sessions/new.html.erb
index b836de28c..c564686c9 100644
--- a/app/views/sessions/new.html.erb
+++ b/app/views/sessions/new.html.erb
@@ -10,8 +10,8 @@
     <p class="text-center text-body-secondary fs-6 py-2 mb-0 bg-body"><%= t(".login_to_authorize_html", :client_app_name => @client_app_name) %></p>
   <% end %>
 
-  <div class="header-illustration new-user-main">
-    <ul class="nav nav-tabs position-absolute bottom-0 fs-6 w-100">
+  <div class="d-flex align-items-end">
+    <ul class="nav nav-tabs fs-6">
       <li class="nav-item">
         <%= link_to t("sessions.new.tab_title"), "#", :class => "nav-link active" %>
       </li>
@@ -19,6 +19,7 @@
         <%= link_to t("users.new.tab_title"), url_for(:action => :new, :controller => :users, :referer => params[:referer]), :class => "nav-link" %>
       </li>
     </ul>
+    <div class="flex-grow-1 header-illustration new-user-main"></div>
   </div>
 <% end %>
 
diff --git a/app/views/users/blocked.html.erb b/app/views/users/blocked.html.erb
index a5fb08a34..2fb4d1ae4 100644
--- a/app/views/users/blocked.html.erb
+++ b/app/views/users/blocked.html.erb
@@ -1,7 +1,7 @@
 <% content_for :heading_class, "pb-0" %>
 <% content_for :heading do %>
-  <div class="header-illustration new-user-main">
-    <ul class="nav nav-tabs position-absolute bottom-0 fs-6 w-100">
+  <div class="d-flex align-items-end">
+    <ul class="nav nav-tabs fs-6">
       <li class="nav-item">
         <%= link_to t("sessions.new.tab_title"), url_for(:action => :new, :controller => :sessions), :class => "nav-link" %>
       </li>
@@ -9,6 +9,7 @@
         <%= link_to t("users.new.tab_title"), "#", :class => "nav-link active" %>
       </li>
     </ul>
+    <div class="flex-grow-1 header-illustration new-user-main"></div>
   </div>
 <% end %>
 
diff --git a/app/views/users/new.html.erb b/app/views/users/new.html.erb
index 1f498b1ef..81cb3f995 100644
--- a/app/views/users/new.html.erb
+++ b/app/views/users/new.html.erb
@@ -13,8 +13,8 @@
     <p class="text-center text-body-secondary fs-6 py-2 mb-0 bg-body"><%= t(".signup_to_authorize_html", :client_app_name => @client_app_name) %></p>
   <% end %>
 
-  <div class="header-illustration new-user-main">
-    <ul class="nav nav-tabs position-absolute bottom-0 fs-6 w-100">
+  <div class="d-flex align-items-end">
+    <ul class="nav nav-tabs fs-6">
       <li class="nav-item">
         <%= link_to t("sessions.new.tab_title"), url_for(:action => :new, :controller => :sessions, :referer => @referer), :class => "nav-link" %>
       </li>
@@ -22,6 +22,7 @@
         <%= link_to t("users.new.tab_title"), "#", :class => "nav-link active" %>
       </li>
     </ul>
+    <div class="flex-grow-1 header-illustration new-user-main"></div>
   </div>
 <% end %>
 
-- 
2.39.5