[BUG] : Improve Sidebar Layout, Spacing, and Control Alignment

Đang mở
  • Có gì không ổn?
#2,362 4 bình luận 0 reaction 1 người được giao Xem trên GitHub

@NiranjanRSoorej06 đang làm issue này rồi.

Từ ngày 16/8/2026.

  • #2433 của @aaniya22 — đã đóng, không merge

Đánh giá

Issue này chưa được đánh giá.

Mô tả

priority:medium type:bug

Summary

The sidebar layout has several UI inconsistencies affecting visual balance and usability. The theme toggle, collapse button, navigation icons, and spacing/padding between elements are misaligned, making the sidebar appear unfinished.

Why this matters

A consistent sidebar improves navigation, accessibility, and the overall user experience. Misaligned controls and inconsistent spacing reduce the application's visual quality and make interactions feel less polished.

Reproduction steps

  1. Launch the application.
  2. Observe the left sidebar.
  3. Compare the alignment and spacing of navigation items, icons, theme toggle, and collapse button.
  4. Notice the inconsistent padding and positioning.

Expected behavior

  • Navigation items should have consistent padding and spacing.
  • Icons should be uniformly aligned with their labels.
  • The theme toggle and collapse button should be properly centered and aligned.
  • Section headers should maintain consistent spacing from navigation items.
  • Overall sidebar layout should appear visually balanced.

Actual behavior

  • Theme toggle and collapse button appear misaligned.
  • Navigation icons have inconsistent spacing.
  • Padding between sections and menu items is uneven.
  • Sidebar controls lack consistent alignment, resulting in an unpolished UI.

Scope

Suggested files or directories:

  • Sidebar component
  • Navigation/Menu component
  • Theme Toggle component
  • Sidebar styles (CSS/Tailwind)

Related route, page, component, or script:

  • Sidebar
  • Navigation Menu
  • Theme Toggle
  • Collapse Button

Evidence

  • Sidebar shows inconsistent padding and alignment across controls.
  • Theme toggle and collapse button are not visually centered.
  • Screenshot attached.
Image

Environment

  • OS: Windows 10
  • Browser: Chrome
  • Python Version: N/A
  • Node Version: N/A
  • Docker Version: N/A

Definition of done

  • Sidebar spacing is consistent.
  • Icons are uniformly aligned.
  • Theme toggle is properly positioned.
  • Collapse button is aligned with the layout.
  • Navigation items follow a consistent design system.
  • Responsive behavior is verified.

Additional context

The sidebar would benefit from standardized spacing, consistent icon sizing, improved alignment of interactive controls, and a unified padding system to match the application's overall design language.

Ngôn ngữ chính
Python
Star
36
Fork
234
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của utksh1/SecuScan

Tất cả issue của utksh1/SecuScan

Issue tương tự

Thêm issue về Python

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.