[GH-ISSUE #2420] [Bug] Vertical alignment #1041

New issue

Closed

opened 2026-03-23 20:44:46 +00:00 by mirror · 3 comments

mirror commented

2026-03-23 20:44:46 +00:00

Owner

Originally created by @annieappflowy on GitHub (May 2, 2023).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/2420

Bug Description

Not sure if it's just me
The icons in the row detail page are not left aligned

How to Reproduce

Create a calendar view
Create an event
Open up the event card

Expected Behavior

Icons are vertically left aligned?

Operating System

MacOS

AppFlowy Version(s)

Main branch

Screenshots

No response

Additional Context

No response

Originally created by @annieappflowy on GitHub (May 2, 2023). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/2420 ### Bug Description <img width="763" alt="image" src="https://user-images.githubusercontent.com/12026239/235607694-602d3d66-8a64-4d79-9665-11c873c25ae1.png"> Not sure if it's just me The icons in the row detail page are not left aligned ### How to Reproduce Create a calendar view Create an event Open up the event card ### Expected Behavior Icons are vertically left aligned? ### Operating System MacOS ### AppFlowy Version(s) Main branch ### Screenshots _No response_ ### Additional Context _No response_

mirror

2026-03-23 20:44:46 +00:00

closed this issue
added the
calendar

grid

needs design

kanban board

improvements
labels

mirror commented

2026-03-23 20:44:47 +00:00

Author

Owner

@annieappflowy commented on GitHub (May 2, 2023):

The same issue for property names

@annieappflowy commented on GitHub (May 2, 2023): <img width="741" alt="image" src="https://user-images.githubusercontent.com/12026239/235608408-c2c3f539-e95c-4050-b8bc-c548097ec37d.png"> The same issue for property names

mirror commented

2026-03-23 20:44:47 +00:00

Author

Owner

@richardshiue commented on GitHub (May 2, 2023):

The icons are slightly off, seemingly because of their different sizes. As for the property names, I just tested by using a high-tech plastic ruler against my screen. I think it's an optical illusion

@richardshiue commented on GitHub (May 2, 2023): The icons are slightly off, seemingly because of their different sizes. As for the property names, I just tested by using a high-tech plastic ruler against my screen. I think it's an optical illusion

mirror commented

2026-03-23 20:44:47 +00:00

Author

Owner

@richardshiue commented on GitHub (May 2, 2023):

Update: The svg sizes are all 16x16, but how they're actually drawn in that 16x16 picture varies. @annieappflowy this could use the needs-design and help-wanted labels!

@richardshiue commented on GitHub (May 2, 2023): Update: The svg sizes are all 16x16, but how they're actually drawn in that 16x16 picture varies. @annieappflowy this could use the `needs-design` and `help-wanted` labels!

mirror referenced this issue

2026-03-23 21:38:08 +00:00

[PR #1041] [MERGED] fix: Icon theme on setting and new column icon #4510