From b6d5226868622c66a1845e0287af91710cbae873 Mon Sep 17 00:00:00 2001 From: imagoiq <12294151+imagoiq@users.noreply.github.com> Date: Mon, 15 Jan 2024 16:53:05 +0100 Subject: [PATCH 1/2] fix(styles): dropdown icons in a table are misaligned --- .changeset/clean-olives-stare.md | 5 +++++ packages/styles/src/components/datatable.scss | 2 ++ 2 files changed, 7 insertions(+) create mode 100644 .changeset/clean-olives-stare.md diff --git a/.changeset/clean-olives-stare.md b/.changeset/clean-olives-stare.md new file mode 100644 index 0000000000..1d0fb23dac --- /dev/null +++ b/.changeset/clean-olives-stare.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Fixed alignment of icon within button inside datatable. diff --git a/packages/styles/src/components/datatable.scss b/packages/styles/src/components/datatable.scss index 13c6dc8243..b6f9d0b598 100644 --- a/packages/styles/src/components/datatable.scss +++ b/packages/styles/src/components/datatable.scss @@ -94,6 +94,8 @@ } .datatable-button { + display: flex; + align-items: center; @include button-mixins.reset-button; width: datatable.$datatable-button-width; height: datatable.$datatable-button-height; From 11001233ee56cd5015f39a201774bb58cb1c63ac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Lo=C3=AFc=20F=C3=BCrhoff?= <12294151+imagoiq@users.noreply.github.com> Date: Mon, 22 Jan 2024 11:30:36 +0100 Subject: [PATCH 2/2] Update .changeset/clean-olives-stare.md Co-authored-by: Philipp Gfeller <1659006+gfellerph@users.noreply.github.com> --- .changeset/clean-olives-stare.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/clean-olives-stare.md b/.changeset/clean-olives-stare.md index 1d0fb23dac..7bed32578b 100644 --- a/.changeset/clean-olives-stare.md +++ b/.changeset/clean-olives-stare.md @@ -2,4 +2,4 @@ '@swisspost/design-system-styles': patch --- -Fixed alignment of icon within button inside datatable. +Fixed the alignment of icons on datatable buttons.