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

Abierto
  • ¿Algo no está bien?
#2,362 4 comentarios 0 reacciones 1 asignado Ver en GitHub

@NiranjanRSoorej06 ya está trabajando en esto.

Desde el 16/8/2026.

  • #2433 de @aaniya22 — cerrado sin fusionar

Evaluación

Este issue todavía no se ha evaluado.

Descripción

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.

Lenguaje dominante
Python
Estrellas
36
Forks
234
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de utksh1/SecuScan

Todos los issues de utksh1/SecuScan

Issues similares

Más issues de Python

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.