Skip to content

Commit

Permalink
UI: Add horizontal padding to alert heading text (#413)
Browse files Browse the repository at this point in the history
### TL;DR
Added horizontal padding to alert heading text

### What changed?
Modified the padding modifier for the alert heading text from `start = 12.dp` to `horizontal = 12.dp`, which adds padding to both left and right sides of the text.

### How to test?
1. Navigate to any screen displaying service alerts
2. Verify that alert headings have equal padding on both left and right sides
3. Ensure text remains properly aligned within the alert container

### Why make this change?
To improve visual consistency and readability of alert headings by maintaining equal spacing on both sides of the text, rather than just the left side.
  • Loading branch information
ksharma-xyz authored Dec 2, 2024
1 parent 53a1c1f commit 4fab9d0
Showing 1 changed file with 1 addition and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ fun CollapsibleAlert(
Text(
text = serviceAlert.heading,
style = KrailTheme.typography.titleSmall,
modifier = Modifier.padding(start = 12.dp).alignByBaseline(),
modifier = Modifier.padding(horizontal = 12.dp).alignByBaseline(),
color = getForegroundColor(backgroundColor),
)
}
Expand Down

0 comments on commit 4fab9d0

Please sign in to comment.