From 7b5cb8e34335132dbe090c3b4a25e8d11b7105b4 Mon Sep 17 00:00:00 2001
From: Guillaume Rousse <guillaume.rousse@renater.fr>
Date: Fri, 23 Feb 2018 13:58:24 +0100
Subject: [PATCH] center callout, and use rounded borders

---
 resources/css/style.css                   |  3 +++
 templates/web/en/create_accounts.tt2.html | 20 ++++++++++++++++----
 templates/web/fr/create_accounts.tt2.html | 20 ++++++++++++++++----
 3 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/resources/css/style.css b/resources/css/style.css
index 5bf700c..a4f0a05 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -19,6 +19,9 @@ button, .button {
     font-weight: bold;
     border-radius: 10px;
 }
+.callout {
+    border-radius: 10px;
+}
 button: hover, .button:hover {
     background: none;
     color: #214BB5;
diff --git a/templates/web/en/create_accounts.tt2.html b/templates/web/en/create_accounts.tt2.html
index 3351367..ce14905 100644
--- a/templates/web/en/create_accounts.tt2.html
+++ b/templates/web/en/create_accounts.tt2.html
@@ -1,5 +1,9 @@
-<div class="callout success">
-    <strong>Success:</strong> Your identity as administrator of the Service Provider with entityID <strong>[% entityid %]</strong> could successfully be validated!
+<div class="grid-x align-center">
+    <div class="cell shrink">
+        <div class="callout success">
+            <strong>Success:</strong> Your identity as administrator of the Service Provider with entityID <strong>[% entityid %]</strong> could successfully be validated!
+        </div>
+    </div>
 </div>
 
 <h3>Test accounts created</h3>
@@ -62,8 +66,16 @@ provider.</p>
     [% END %]
 </div>
 
-<div class="callout warning">
+<div class="grid-x align-center">
+    <div class="cell shrink">
+        <div class="callout warning">
     <p>Note that these test accounts will automatically expire in [% accounts_validity_period %] days and that they can only be used to test federated login to your eduGAIN-enabled Service Provider with entityID <strong>[% entityid %]</strong>.</p>
+        </div>
+    </div>
 </div>
 
-<p class="text-center"><Strong>Thank you for using the [% app.name %]</strong></p>
+<div class="grid-x align-center">
+    <div class="cell shrink">
+        <strong>Thank you for using the [% app.name %]</strong>
+    </div>
+</div>
diff --git a/templates/web/fr/create_accounts.tt2.html b/templates/web/fr/create_accounts.tt2.html
index f458e73..48d72c7 100644
--- a/templates/web/fr/create_accounts.tt2.html
+++ b/templates/web/fr/create_accounts.tt2.html
@@ -1,5 +1,9 @@
-<div class="callout success">
-    <strong>Succès:</strong> votre identité comme administrateur du service <strong>[% entityid %]</strong> a été validée!
+<div class="grid-x align-center">
+    <div class="cell shrink">
+        <div class="callout success">
+            <strong>Succès:</strong> votre identité comme administrateur du service <strong>[% entityid %]</strong> a été validée!
+        </div>
+    </div>
 </div>
 
 <h3>Comptes de test créés</h3>
@@ -67,8 +71,16 @@ service fédéré. Pour le faire, sélectionnez <strong>[% idp_displayname
     [% END %]
 </div>
 
-<div class="callout warning">
+<div class="grid-x align-center">
+    <div class="cell shrink">
+        <div class="callout warning">
     <p>Veuillez noter que ces comptes de test expirent automatiquement dans [% accounts_validity_period %] jours, et qu'ils ne peuvent être utilisés que pour tester l'authentification fédérée sur le service <strong>[% entityid %]</strong>.</p>
+        </div>
+    </div>
 </div>
 
-<p class="text-center"><Strong>Merci d'avoir utilisé eduGain Access Check</strong></p>
+<div class="grid-x align-center">
+    <div class="cell shrink">
+        <strong>Merci d'avoir utilisé eduGain Access Check</strong>
+    </div>
+</div>
-- 
GitLab