Final Fix

backend/static/styles.css

@@ -446,6 +446,8 @@ input[type="file"]:focus {
   border: 1px dashed rgba(109, 47, 61, 0.34);
   border-radius: 14px;
   padding: 0.9rem 1rem;
+  justify-items: center;
+  text-align: center;
   background: rgba(255, 255, 255, 0.88);
   cursor: pointer;
   transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
@@ -509,6 +511,7 @@ input[type="file"]:focus {
 .upload-count {
   margin: 0.2rem 0 0;
   font-weight: 600;
+  text-align: center;
 }
 
 .upload-ready {
@@ -516,6 +519,7 @@ input[type="file"]:focus {
   color: rgba(39, 66, 53, 0.88);
   font-weight: 600;
   display: none;
+  text-align: center;
 }
 
 .upload-ready.is-visible {
@@ -532,6 +536,7 @@ input[type="file"]:focus {
   display: flex;
   flex-wrap: wrap;
   gap: 0.45rem;
+  justify-content: center;
 }
 
 .upload-file-list li {
@@ -1180,6 +1185,21 @@ body.has-route-modal {
   max-width: min(460px, 100%);
 }
 
+.taxi-coming-soon--de {
+  max-width: min(660px, 100%);
+}
+
+.taxi-coming-soon--en {
+  max-width: min(460px, 100%);
+  overflow: hidden;
+}
+
+.taxi-coming-soon--en .taxi-sticker--en {
+  width: 156%;
+  max-width: none;
+  margin-left: -28%;
+}
+
 .taxi-coming-soon img {
   display: block;
   width: 100%;

backend/templates/info.html

@@ -133,9 +133,10 @@
       })();
     </script>
   {% elif page == 'taxi' %}
-    <div class="taxi-coming-soon">
+    <div class="taxi-coming-soon{% if lang == 'en' %} taxi-coming-soon--en{% else %} taxi-coming-soon--de{% endif %}">
       <img
-        src="{{ url_for('static', filename='assets/bauarbeiter-sticker.png') }}"
+        src="{{ url_for('static', filename='assets/bauerbeiter-eng-sticker.png' if lang == 'en' else 'assets/bauarbeiter-sticker.png') }}"
+        class="{% if lang == 'en' %}taxi-sticker--en{% endif %}"
         alt="{{ t('taxi_sticker_alt') }}"
         loading="lazy"
         decoding="async"