style(doc-nav): minor tweak (#663)

hbstack · May 1, 2024 · 5db8e80 · 5db8e80
1 parent 0c97228
commit 5db8e80
Showing 1 changed file with 9 additions and 15 deletions.
diff --git a/modules/doc-nav/layouts/partials/hb/modules/docs-doc-nav/index.html b/modules/doc-nav/layouts/partials/hb/modules/docs-doc-nav/index.html
@@ -17,46 +17,40 @@
     {{- end }}
   {{- end }}
 {{- end }}
-{{- $justify := "justify-content-between" }}
-{{- if not $prev }}
-  {{- $justify = "justify-content-end" }}
-{{- end }}
 {{- $size := "1.5em" }}
 {{- if or $prev $next }}
-<div class="hb-module">
-<ul class="hb-docs-doc-nav nav {{ $justify }}">
+<div class="hb-docs-doc-nav mb-3 row row-cols-1 g-3{{ cond (and (ne $prev nil) (ne $next nil)) ` row-cols-md-2` `` }}">
   {{ with $prev }}
-    <li class="nav-item my-1">
+    <div class="col">
       <a
-        class="nav-link p-0 d-flex align-items-center"
+        class="hb-module h-100 py-1 d-flex align-items-center justify-content-center text-decoration-none"
         href="{{ .RelPermalink }}">
         {{- partial "icons/icon" (dict
           "vendor" "bootstrap"
           "name" "arrow-left-circle"
           "width" $size
           "height" $size
-          "className" "me-2")
+          "className" "me-2 flex-shrink-0")
         -}}
         {{- .LinkTitle -}}
       </a>
-    </li>
+    </div>
   {{ end }}
   {{ with $next }}
-    <li class="nav-item my-1">
+    <div class="col">
       <a
-        class="nav-link p-0 d-flex align-items-center"
+        class="hb-module h-100 py-1 d-flex align-items-center justify-content-center text-decoration-none"
         href="{{ .RelPermalink }}">
         {{- .LinkTitle -}}
         {{- partial "icons/icon" (dict
           "vendor" "bootstrap"
           "name" "arrow-right-circle"
           "width" $size
           "height" $size
-          "className" "ms-2")
+          "className" "ms-2 flex-shrink-0")
         -}}
       </a>
-    </li>
+    </div>
   {{ end }}
-</ul>
 </div>
 {{ end }}