Context
Settings > General > Sensitive Logging toggle appears smaller/narrower than the Start on Boot toggle, with the knob clipping outside the track.
Problem
The Sensitive Logging toggle row (settings.component.ts:87-94) uses a .toggle-label-group wrapper containing both the label and a long <small> hint text. The .toggle-row flexbox (justify-content: space-between) lets the label group expand, squeezing the p-toggle-switch width. The Start on Boot toggle (line 63-65) has just a plain <label> with no hint text, so it renders at normal size.
The toggle component likely needs a flex-shrink: 0 or explicit min-width to prevent compression.
Relevant Code
frontend/src/app/features/settings/settings.component.ts:87-94 — sensitive logging toggle markup
frontend/src/app/features/settings/settings.component.ts:308-313 — .toggle-row styles
Acceptance Criteria
Context
Settings > General > Sensitive Logging toggle appears smaller/narrower than the Start on Boot toggle, with the knob clipping outside the track.
Problem
The Sensitive Logging toggle row (
settings.component.ts:87-94) uses a.toggle-label-groupwrapper containing both the label and a long<small>hint text. The.toggle-rowflexbox (justify-content: space-between) lets the label group expand, squeezing thep-toggle-switchwidth. The Start on Boot toggle (line 63-65) has just a plain<label>with no hint text, so it renders at normal size.The toggle component likely needs a
flex-shrink: 0or explicit min-width to prevent compression.Relevant Code
frontend/src/app/features/settings/settings.component.ts:87-94— sensitive logging toggle markupfrontend/src/app/features/settings/settings.component.ts:308-313—.toggle-rowstylesAcceptance Criteria