From ff30a136d56475fad45feec86ddeadf416d973a5 Mon Sep 17 00:00:00 2001
From: Peter Pfeufer <info@ppfeufer.de>
Date: Tue, 31 Oct 2023 11:56:12 +0100
Subject: [PATCH] [CHANGE] Service credentials template converted to BS5

---
 .../services/service_credentials.html         | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/allianceauth/services/templates/services/service_credentials.html b/allianceauth/services/templates/services/service_credentials.html
index 2bd8e8e9..0ed536d1 100644
--- a/allianceauth/services/templates/services/service_credentials.html
+++ b/allianceauth/services/templates/services/service_credentials.html
@@ -1,4 +1,4 @@
-{% extends "allianceauth/base.html" %}
+{% extends "allianceauth/base-bs5.html" %}
 {% load i18n %}
 
 {% block page_title %}{% blocktranslate with service_name=view.service_name|title %}{{ service_name }} Credentials{% endblocktranslate %}{% endblock page_title %}
@@ -6,17 +6,19 @@
 {% block content %}
     <div class="col-lg-12">
         <h1 class="page-header text-center">{% blocktranslate with service_name=view.service_name|title %}{{ service_name }} Credentials{% endblocktranslate %}</h1>
-        <div class="container-fluid">
-            <div class="col-lg-4 col-lg-offset-4">
-                <form class="form-signin">
-                    {% for key, value in credentials.items %}
-                        <div class="form-group">
-                            <label class="control-label" for="id_{{ key }}">{{ key|capfirst }}</label>
-                            <input class="form-control" value="{{ value }}" id="id_{{ key }}" readonly>
-                        </div>
-                    {% endfor %}
-                </form>
-                <a href="{% url 'services:services' %}" class="btn btn-lg btn-block btn-primary" title="Continue">{% translate "Continue" %}</a>
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-md-4 align-self-center">
+                    <form class="form-signin">
+                        {% for key, value in credentials.items %}
+                            <div class="mb-3">
+                                <label class="form-label" for="id_{{ key }}">{{ key|capfirst }}</label>
+                                <input class="form-control" value="{{ value }}" id="id_{{ key }}" readonly>
+                            </div>
+                        {% endfor %}
+                    </form>
+                    <a href="{% url 'services:services' %}" class="btn btn-lg btn-block btn-primary" title="Continue">{% translate "Continue" %}</a>
+                </div>
             </div>
         </div>
     </div>