Provider Details: Improve layout

xsf · Sep 10, 2023 · cc53fbe · cc53fbe
1 parent da11be6
commit cc53fbe
Show file tree

Hide file tree

Showing 6 changed files with 183 additions and 154 deletions.
diff --git a/themes/xmpp-providers/assets/css/style.css b/themes/xmpp-providers/assets/css/style.css
@@ -83,7 +83,7 @@ article h2 {
 .category-d {
     background-color: rgb(217, 16, 30);
 }
-.provider-category-bg {
+.provider-details-bg {
     background-color: #fafafa;
 }
 .address-input {
@@ -185,7 +185,7 @@ table.sortable th:hover {
     .card {
         background-color:#2d3439;
     }
-    .provider-category-bg {
+    .provider-details-bg {
         background-color: #2d3439;
     }
 }
diff --git a/themes/xmpp-providers/layouts/_default/single.html b/themes/xmpp-providers/layouts/_default/single.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
 <div class="container" role="main">
     <div class="row mx-3 my-4 justify-content-center">
-        <div class="col-lg-8">
+        <div class="col-12 col-lg-10 col-xl-8">
             <h1>{{ .Title }}</h1>
             {{ .Content }}
         </div>

diff --git a/themes/xmpp-providers/layouts/partials/provider-list-items.html b/themes/xmpp-providers/layouts/partials/provider-list-items.html
@@ -55,7 +55,7 @@ <h2 class="accordion-header" id="heading-{{ $provider_id }}">
                                         {{ $len := (len .website) }}
                                         {{ $count := 0 }}
                                         {{ range $lang, $address := .website }}
-                                            <a href="{{ $address }}" target="_blank">{{ upper $lang }}</a>
+                                            <a href="{{ $address }}" target="_blank">{{ upper $lang }} <i class="fas fa-xs fa-external-link-alt"></i></a>
                                             {{ $count = add $count 1 }}
                                             {{ if ne $count $len }}
                                                 <span class="text-body-secondary">|</span>

diff --git a/themes/xmpp-providers/layouts/provider/single.html b/themes/xmpp-providers/layouts/provider/single.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
 <div class="container" role="main">
     <div class="row mx-3 my-4 justify-content-center">
-        <div class="col-lg-8">
+        <div class="col-12 col-lg-10 col-xl-8">
             <h1 class="text-center">{{ .Title }}</h1>
             {{ .Content }}
         </div>