Adjust alignment of footer text for sidebar menu

[yamyr]

Align copyright text in the footer to the top center

[use-tusk[bot]]

I'm investigating this issue. Back with an update when I finish. 🤔

See activity logs for more info.

[use-tusk[bot]]

I have investigated the issue and determined the following advice:

General Notes

The task requires modifying the footer section within the sidebar menu to improve its visual consistency with the rest of the sidebar content. We will be making changes to the _includes/navigation.html file to achieve this.

File: _includes/navigation.html

1. Locate the footer section at the bottom of the sidebar. It's currently inside a <div> with classes mt-auto p-5 border-t border-gray-700 text-sm.

2. Replace the entire content of this <div> with a single <p> element containing the copyright text. This will remove the unnecessary nested <footer> element.

3. Update the classes on the parent <div> and add appropriate classes to the new <p> element to adjust the styling and alignment.

Here's the code snippet for the updated footer section:

<div class="mt-auto p-5 border-t border-gray-700">
  <p class="text-xs text-gray-400">
    Copyright © 2023-2025 Yanok AI. All rights reserved.
  </p>
</div>

These changes will:

• Remove the unnecessary nested <footer> element
• Adjust the text size to extra small (text-xs) to match the sidebar's style
• Set the text color to a light gray (text-gray-400) for better visibility against the dark background
• Align the text to the left by default, matching the alignment of other sidebar elements
• Preserve the existing mt-auto and border-t classes to maintain layout consistency

Make sure to replace only the content inside the <div class="mt-auto p-5 border-t border-gray-700 text-sm"> and leave the rest of the file unchanged. Note that we're removing the text-sm class from the parent <div> as it's no longer needed with the new text-xs class on the <p> element.

These modifications will improve the alignment and visual consistency of the footer text within the sidebar menu, making it match the style of other sidebar elements.

See activity logs for more info.

[use-tusk[bot]]

I'm working on this issue. Will comment once I have an update.

See activity logs for more info.

[use-tusk[bot]]

I created a branch with my proposed changes because self-review failed.

Use this command to checkout the branch locally: git fetch origin tusk-100-adjust-footer-alignment-092220240951 && git checkout tusk-100-adjust-footer-alignment-092220240951

Here's some notes on how I approached this:

Focus on centering the footer text while maintaining readability and contrast.

• File: _includes/navigation.html

  • Locate: Find the <div class="mt-auto p-5 border-t border-gray-700">.
  • Content: Replace current content with:

    <div class="mt-auto p-5 border-t border-gray-700 text-center">
    <p class="text-xs text-gray-400">
    Copyright © 2023-2025 Yanok AI. All rights reserved.
    </p>
    </div>

• Classes: Ensure the text-center class is applied to the parent <div> to center the text.

• Testing: Check alignment and readability on different devices, especially mobile. Ensure the gray text is accessible against the background color.

See activity logs for more info.