manager: style/reformat tech info page (#68289)

src/authentic2/manager/static/authentic2/manager/css/style.scss

@@ -284,13 +284,11 @@ a.role-inheritance-view-all {
     font-style: italic;
 }
 
-div.a2-manager-ldap pre {
-	background: white;
-	border: 1px solid black;
+.a2-manager-ldapsearch {
+	background: black;
+	color: white;
 	padding: .3em;
 	overflow-x: auto;
-	white-space: pre-wrap;
-	word-wrap: break-word;
 }
 
 .section.user-csv-import-help pre {

src/authentic2/manager/templates/authentic2/manager/ldap_details.html

@@ -1,9 +1,10 @@
 {% load i18n %}
-<h4>{% trans "Realm:" %} {{ ldap.realm }}</h4>
+<div class="section manager-ldap">
+<h3>{% trans "LDAP information, realm:" %} {{ ldap.realm }}</h3>
 <div class="a2-manager-ldap-{{ ldap.realm }}">
 {% if not ldap.error %}
-<h5>{% blocktrans %}Base ldapsearch command:{% endblocktrans %}</h5>
-<pre>{% if ldap.require_cert != 'demand' %}LDAPTLS_REQCERT={{ldap.require_cert}} {% endif %}ldapsearch -v -H {{ ldap.ldap_uri }} \
+<h4>{% blocktrans %}Base ldapsearch command{% endblocktrans %}</h4>
+<pre class="a2-manager-ldapsearch">{% if ldap.require_cert != 'demand' %}LDAPTLS_REQCERT={{ldap.require_cert}} {% endif %}ldapsearch -v -H {{ ldap.ldap_uri }} \
     -D "{{ ldap.binddn }}" \
     -w "{{ ldap.bindpw }}" \
     -b "{{ ldap.basedn }}"{% if ldap.user_filter or ldap.sync_ldap_users_filter %}
@@ -16,6 +17,7 @@
 {% endif %}
 </div>
 {% endif %}
-<h5>{% trans "Configuration:" %}</h5>
+<h4>{% trans "Configuration" %}</h4>
 <pre>{{ ldap.block }}</pre>
 </div>
+</div>

src/authentic2/manager/templates/authentic2/manager/tech_info.html

@@ -7,7 +7,6 @@
 
 {% block content %}
   {% if ldap_list %}
-  <h3>{% trans "LDAP information" %}</h3>
   <div id="a2-manager-tech-info-ldap-list">
     {% for ldap in ldap_list %}
      {% include "authentic2/manager/ldap_details.html" with ldap=ldap %}