marcel/familienarchiv
1
0
Fork 0
Code Issues 105 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix(ui): add inner padding to strip components
Some checks failed
CI / Unit & Component Tests (push) Failing after 1m59s
Details
CI / Backend Unit Tests (push) Failing after 3m2s
Details
CI / Unit & Component Tests (pull_request) Failing after 1m18s
Details
CI / Backend Unit Tests (pull_request) Failing after 2m29s
Details

Browse Source 
Add px-3 to person bar, filter controls, and hint bar so inputs
don't sit flush against the container edge.

Refs: #179

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-06 19:53:03 +02:00
parent fbf5e9f178
commit 822a2fac3a
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/routes/briefwechsel/CorrespondenzFilterControls.svelte
View File

@@ -28,7 +28,7 @@ let isActive = $derived(!!(fromDate || toDate || sortDir !== 'DESC'));
<div <div
data-testid="conv-filter-controls" data-testid="conv-filter-controls"
class="flex items-center gap-[10px] border-b border-line bg-muted py-[5px] transition-opacity" class="flex items-center gap-[10px] border-b border-line bg-muted px-3 py-[5px] transition-opacity"
class:opacity-40={!senderId} class:opacity-40={!senderId}
class:pointer-events-none={!senderId} class:pointer-events-none={!senderId}
aria-disabled={!senderId} aria-disabled={!senderId}

2
frontend/src/routes/briefwechsel/CorrespondenzPersonBar.svelte
View File

@@ -55,7 +55,7 @@ function handleSuggestionSelect(id: string) {
<div <div
data-testid="conv-person-bar" data-testid="conv-person-bar"
class="flex items-end gap-[9px] border-b border-line bg-surface py-[9px] [&_input]:h-12" class="flex items-end gap-[9px] border-b border-line bg-surface px-3 py-[9px] [&_input]:h-12"
> >
<!-- Person A --> <!-- Person A -->
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">

2
frontend/src/routes/briefwechsel/SinglePersonHintBar.svelte
View File

@@ -19,7 +19,7 @@ let toYear = $derived(toDate ? toDate.substring(0, 4) : '');
</script> </script>
<div <div
class="flex items-center gap-[5px] border-b border-accent bg-accent-bg py-[6px] text-xs text-ink" class="flex items-center gap-[5px] border-b border-accent bg-accent-bg px-3 py-[6px] text-xs text-ink"
> >
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"