From 9aa964bf0573c38b3103544e50c103de8be9435e Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Sun, 13 Jul 2025 10:30:51 +0200
Subject: [PATCH] feat: style external site warning

---
 .../external-site-warning.html                | 33 +++++++++++++------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/fellchensammlung/templates/fellchensammlung/external-site-warning.html b/src/fellchensammlung/templates/fellchensammlung/external-site-warning.html
index b7ca594..c2dcd3e 100644
--- a/src/fellchensammlung/templates/fellchensammlung/external-site-warning.html
+++ b/src/fellchensammlung/templates/fellchensammlung/external-site-warning.html
@@ -1,15 +1,28 @@
 {% extends "fellchensammlung/base.html" %}
 {% load i18n %}
-    {% load custom_tags %}
+{% load custom_tags %}
 {% block content %}
-    <div class="content">
-        {% if external_site_warning %}
-            {{ external_site_warning.content | render_markdown }}
-        {% else %}
-            {% blocktranslate %}
-                <p>Achtung du verlässt notfellchen.org</p>
-            {% endblocktranslate %}
-        {% endif %}
-        <a href="{{ url }}" class="button is-primary">{% translate "Weiter" %}</a>
+    <div class="block">
+        <div class="message is-warning">
+            {% if external_site_warning %}
+                <h1 class="message-header">
+                    {{ external_site_warning.title }}
+                </h1>
+                <div class="message-body">
+                    {{ external_site_warning.content | render_markdown }}
+                </div>
+            {% else %}
+
+                <h1 class="message-header">
+                    {% trans 'Achtung du verlässt notfellchen.org' %}
+                </h1>
+                <div class="message-body">
+                    {% trans 'Sichere Abgabebedingungen können von uns, trotz vieler Bemühungen, nicht garantiert werden. Nimm Kontakt zu einer Rattenhilfe oder dem VdRD e.V. auf, die dich beraten können.' %}
+                </div>
+            {% endif %}
+        </div>
+        <div class="block">
+            <a href="{{ url }}" class="button is-primary is-fullwidth">{% translate "Weiter" %}<i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i> </a>
+        </div>
     </div>
 {% endblock content %}