center callout, and use rounded borders

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;

templates/web/en/create_accounts.tt2.html

-<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>

templates/web/fr/create_accounts.tt2.html

-<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>