[BUG] : Findings Page Has Multiple Layout and CSS Inconsistencies

オープン
#2,365 コメント 3 件 リアクション 0 件 担当者 1 名 GitHub で見る

@om-bagade2007 がすでに取り組んでいます。

2026年8月3日 から。

評価

この issue はまだ評価されていません。

説明

priority:medium type:bug

Summary

The Findings page contains multiple layout and CSS inconsistencies affecting the overall presentation. Several components appear misaligned, spacing is inconsistent, and the page lacks a cohesive visual layout.

Why this matters

Layout inconsistencies reduce readability, make the interface feel unpolished, and negatively impact the overall user experience.

Reproduction steps

  1. Launch the application.
  2. Navigate to the Findings page.
  3. Observe the layout of the header, filters, finding cards, and details panel.
  4. Notice the inconsistent spacing, alignment, and styling across the page.

Expected behavior

The Findings page should maintain consistent spacing, alignment, sizing, and responsive layout across all sections.

Actual behavior

Multiple sections of the page exhibit CSS/layout inconsistencies, resulting in an uneven and visually inconsistent interface.

Scope

Suggested files or directories:

  • Findings page
  • Shared layout components
  • CSS/Tailwind styles
  • Card and filter components

Related route, page, component, or script:

  • Findings
  • Finding Cards
  • Filter Toolbar
  • Details Panel

Evidence

  • Multiple UI elements show inconsistent spacing and alignment.
  • Screenshot attached.
Image

Environment

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

Definition of done

  • Layout inconsistencies are resolved.
  • Spacing and alignment are consistent across the page.
  • Components follow the application's design system.
  • Responsive behavior is verified.

Additional context

The issue affects the overall layout of the Findings page rather than a single component.

主要言語
Python
スター
36
フォーク
234
PR マージ指標
30日以内にマージされた PR はありません

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

utksh1/SecuScan のほかの issue

utksh1/SecuScan の issue をすべて見る

似ている issue

Python の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。