[BUG] Display bug in Safari

[jrozelle]

Environment

Self-Hosted (Docker)

System

Safari 17

Version

2.1.1

Describe the problem

On vertical layout, with large item size, item text are below Description on Safari, whereas there are above in Firefox.

When inspecting elements, I found this style attribute :

.item.size-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    **-webkit-box-direction: reverse;**
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: left;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 6rem;
    margin: .2rem;
    padding: .5rem;
}

In Firefox :

.item.size-large .tile-title {
	height: auto;
	padding: .1rem .25rem;
}

Is there any solution to remove "-webkit-box-direction: reverse" ?

Additional info

No response

Please tick the boxes

• You have explained the issue clearly, and included all relevant info
• You are using a supported version of Dashy
• You've checked that this issue hasn't already been raised
• You've checked the docs and troubleshooting guide
• You agree to the code of conduct

[liss-bot]

If you're enjoying Dashy, consider dropping us a ⭐
_{🤖 I'm a bot, and this message was automated}

[CrazyWolf13]

I think you could use custom css for this.
I suggest reading this: https://dashy.to/docs/theming/

Theming | Dashy

By default Dashy comes with 25+ built-in themes, which can be applied from the dropdown menu in the UI.

[liss-bot]

This issue has gone 3 months without an update. To keep the ticket open, please indicate that it is still relevant in a comment below. Otherwise it will be closed in 5 working days.

[CrazyWolf13]

Bump