The custom footer is not aligned

[kowyo]

This is the default behavior if I add content to custom footer:

The content I added (if it is supposed to be used out-of-the-box

<p class="hx:text-xs">
  <strong>版权声明：</strong>本站采用
  <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans" target="_blank" rel="license noopener noreferrer" class="hx:underline hover:hx:text-gray-800 dark:hover:hx:text-gray-200">知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 (CC BY-NC-SA 4.0)</a>
  进行许可。
</p>

I suggest that for better alignment, the footer should be placed here (I would like to open a PR if it is worth)

diff --git a/layouts/_partials/footer.html b/layouts/_partials/footer.html
index 889a005..8d66e3b 100644
--- a/layouts/_partials/footer.html
+++ b/layouts/_partials/footer.html
@@ -17,9 +17,6 @@
       <hr class="hx:border-gray-200 hx:dark:border-neutral-800" />
     {{- end -}}
   {{- end -}}
-  <div class="hextra-custom-footer hextra-max-footer-width hx:pl-[max(env(safe-area-inset-left),1.5rem)] hx:pr-[max(env(safe-area-inset-right),1.5rem)] hx:text-gray-600 hx:dark:text-gray-400">
-    {{- partial "custom/footer.html" (dict "context" . "switchesVisible" $footerSwitchesVisible "copyrightVisible" $copyrightSectionVisible) -}}
-  </div>
   {{- if $copyrightSectionVisible -}}
     <div
       class="hextra-max-footer-width hx:mx-auto hx:flex hx:justify-center hx:py-12 hx:pl-[max(env(safe-area-inset-left),1.5rem)] hx:pr-[max(env(safe-area-inset-right),1.5rem)] hx:text-gray-600 hx:dark:text-gray-400 hx:md:justify-start"
@@ -27,6 +24,7 @@
       <div class="hx:flex hx:w-full hx:flex-col hx:items-center hx:sm:items-start">
         {{- if (.Site.Params.footer.displayPoweredBy | default true) }}<div class="hx:font-semibold">{{ template "theme-credit" $poweredBy }}</div>{{- end -}}
         {{- if .Site.Params.footer.displayCopyright }}<div class="hx:mt-6 hx:text-xs">{{ $copyright | markdownify }}</div>{{- end -}}
+        {{- partial "custom/footer.html" (dict "context" .) -}}
       </div>
     </div>
   {{- end -}}
@@ -41,4 +39,4 @@
       {{- end -}}
     </span>
   </a>
{{- end -}}

[imfing]

I remember this was intentional given that you can add arbitrary CSS to the custom footer.

[Chitinsik]

This is the default behavior if I add content to custom footer:

The content I added (if it is supposed to be used out-of-the-box

<p class="hx:text-xs">
  <strong>版权声明：</strong>本站采用
  <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans" target="_blank" rel="license noopener noreferrer" class="hx:underline hover:hx:text-gray-800 dark:hover:hx:text-gray-200">知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 (CC BY-NC-SA 4.0)</a>
  进行许可。
</p>

I suggest that for better alignment, the footer should be placed here (I would like to open a PR if it is worth)

diff --git a/layouts/_partials/footer.html b/layouts/_partials/footer.html
index 889a005..8d66e3b 100644
--- a/layouts/_partials/footer.html
+++ b/layouts/_partials/footer.html
@@ -17,9 +17,6 @@
       <hr class="hx:border-gray-200 hx:dark:border-neutral-800" />
     {{- end -}}
   {{- end -}}
-  <div class="hextra-custom-footer hextra-max-footer-width hx:pl-[max(env(safe-area-inset-left),1.5rem)] hx:pr-[max(env(safe-area-inset-right),1.5rem)] hx:text-gray-600 hx:dark:text-gray-400">
-    {{- partial "custom/footer.html" (dict "context" . "switchesVisible" $footerSwitchesVisible "copyrightVisible" $copyrightSectionVisible) -}}
-  </div>
   {{- if $copyrightSectionVisible -}}
     <div
       class="hextra-max-footer-width hx:mx-auto hx:flex hx:justify-center hx:py-12 hx:pl-[max(env(safe-area-inset-left),1.5rem)] hx:pr-[max(env(safe-area-inset-right),1.5rem)] hx:text-gray-600 hx:dark:text-gray-400 hx:md:justify-start"
@@ -27,6 +24,7 @@
       <div class="hx:flex hx:w-full hx:flex-col hx:items-center hx:sm:items-start">
         {{- if (.Site.Params.footer.displayPoweredBy | default true) }}<div class="hx:font-semibold">{{ template "theme-credit" $poweredBy }}</div>{{- end -}}
         {{- if .Site.Params.footer.displayCopyright }}<div class="hx:mt-6 hx:text-xs">{{ $copyright | markdownify }}</div>{{- end -}}
+        {{- partial "custom/footer.html" (dict "context" .) -}}
       </div>
     </div>
   {{- end -}}
@@ -41,4 +39,4 @@
       {{- end -}}
     </span>
   </a>
{{- end -}}