Alignment YAML configuration reloading page

[jeroen85]

Checklist

• [X] I have updated to the latest available Home Assistant version.
• [X] I have cleared the cache of my browser.
• [X] I have tried a different browser to see if it is related to my browser.

Describe the issue you are experiencing

Alignment of YAML configuration reloading page is a bit strange at low page width (for example on my Android mobile app)

Describe the behavior you expected

Everything left aligned.

Steps to reproduce the issue

1. 2. 3. ...

What version of Home Assistant Core has the issue?

2022.12.8

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

No response

Which operating system are you using to run this browser?

No response

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

No response

[ildar170975]

Chrome + Win10:

iOS Companion App, iPhone 5S (iOS 12.5.x):

iOS Companion App, iPad Air 2 (iOS 15.x):

[jeroen85]

It occurs when the page width is smaller than 420 px

[ildar170975]

I managed to reproduce in in Chrome + Win10: Resizing to a minimum width does not allow to get a narrow window (some "min-width" limitation here), but then I scaled the window (ctrl + mouse wheel) - and then reproduced it.

[karwosts]

Resizing to a minimum width does not allow to get a narrow window (some "min-width" limitation here), but then I scaled the window (ctrl + mouse wheel) - and then reproduced it.

Just FYI, if you open up developer tools menu in Chrome or Firefox, they both have a tiny button that looks like a tablet, it puts the website into "Responsive design mode", and you can resize the page down to like 50-100px wide, much smaller than the normal resizing will get you.

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[jeroen85]

Not stale

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[karwosts]

Related:

9910

7639

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[jeroen85]

Not fixed

[ildar170975]

Probably can be "fixed" by adding this to "developer-yaml-config.ts":

        @media all and (max-width: 440px) {
          .content > *:nth-child(2) .card-actions {
            justify-content: center;
          }
        }

For "narrow" screens it will show all "reload" buttons centered.

Please test someone this fix.

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[jeroen85]

Not stale

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[jeroen85]

No

[github-actions[bot]]

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

[SeanPM5]

Not stale, looks bad on mobile still