Extra space left and right

[RobertoCravallo]

My Home Assistant version: 2024.1.3

Layout-card version (2.4.4):

What I am doing: Creating a layout

What I expected to happen: show 4 entities

What happened instead: I am using MUSHROOM and the cards are filled without spaces on the left or right. So it looks kind of strange, as there is no clear vertical line, see picture. 4 entities are shown, but there are extra spaces left and right. The entities should line up with the editor below & above.

Minimal steps to reproduce: Just use the layout-card

# The least ammount of code possible to reproduce my error

# End of code

Error messages from the browser console:

---

By putting an X in the boxes ([X]) below, I indicate that I:

• [x] Understand that this is a channel for reporting bugs, not a support forum (https://community.home-assistant.io/).
• [x] Have made sure I am using the latest version of the plugin.
• [x] Have followed the troubleshooting steps of the "Common Problems" section of https://github.com/thomasloven/hass-config/wiki/Lovelace-Plugins.
• [x] Understand that leaving one or more boxes unticked or failure to follow the template above may increase the time required to handle my bug-report, or cause it to be closed without further action.
• [ ]

[Nick2253]

I've run into the same problem, and it's because the default card-margin setting for layout-card is not 0px.

If you are using a column-based layout, then you should just be able to add card-margin: 0px to your card config under the layout option and it will fix it.

If you are using a grid-based layout, then card-margin isn't supported (see issue #137), so you can get around that by using margin: -4px.