From 9489ab66c2850d7eb3c90ab6d5d7cfaff05f9d0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Barbier?= <contact@sebastienbarbier.com>
Date: Mon, 24 Apr 2023 18:10:36 +0200
Subject: [PATCH] Make more responsive on congratulation setup message

Related to #66
---
 seven23/static/css/self-hosted.scss | 12 ++++++++++++
 seven23/templates/self-hosted.html  |  6 +++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/seven23/static/css/self-hosted.scss b/seven23/static/css/self-hosted.scss
index 24c5f8b..9351c26 100644
--- a/seven23/static/css/self-hosted.scss
+++ b/seven23/static/css/self-hosted.scss
@@ -120,8 +120,19 @@ div.selfhosted {
             flex-direction: column;
             justify-content: center;
 
+            h2 {
+                @media (max-width: 768px) {
+                    font-size: 1.6em;
+                }
+            }
+
             &.links {
                 flex-direction: row;
+
+                @media (max-width: 460px) {
+                    flex-direction: column;
+                }
+
                 a {
                     margin: 2px 4px;
                 }
@@ -144,6 +155,7 @@ div.selfhosted {
                     line-height: 1.5;
                     font-size: 1.2em;
                     letter-spacing: -0.01em;
+
                 }
 
                 &.success {
diff --git a/seven23/templates/self-hosted.html b/seven23/templates/self-hosted.html
index fbfad4f..ee0f3dd 100644
--- a/seven23/templates/self-hosted.html
+++ b/seven23/templates/self-hosted.html
@@ -12,7 +12,7 @@ <h1>Seven23</h1>
 
             {% if form.is_valid %}
             <div class="wrapper">
-                <h2>🎉 Congratulations! 🎉</h2>
+                <h2>🎉 Congratulations !</h2>
                 <p>Your instance is now fully configured and ready to use. You can access the administration panel to create users and manage your instance. You're all set to connect directly through the app and start exploring its features. Thanks for choosing our platform! 💪</p>
             </div>
             {% endif %}
@@ -41,14 +41,14 @@ <h2>Create superuser</h2>
             {% if form.is_valid %}
             <div class="wrapper links">
                 <a href="/admin/">Administration</a>
-                <a href="https://app.seven23.io/">Go to app.seven23.io</a>
+                <a href="https://app.seven23.io/">Go to the app</a>
             </div>
             {% endif %}
 
         {% else %}
             <div class="wrapper links">
                 {% if user and user.is_staff %}<a href="/admin/">Administration</a>{% endif %}
-                <a href="https://app.seven23.io/">Go to app.seven23.io</a>
+                <a href="https://app.seven23.io/">Go to the app</a>
             </div>
         {% endif %}
     </main>