I am using a custom: layout card to display two camera feeds
I want the picture element cards to be full width with no margins
Here is my config:
views:
- title: Front Door
path: front-door
cards:
- type: custom:layout-card
layout_type: custom:vertical-layout
cards:
- type: picture-entity
show_state: true
show_name: true
camera_view: live
entity: camera.front_door_high_resolution_channel
- type: picture-entity
show_state: true
show_name: true
camera_view: live
entity: camera.front_door_package_camera
aspect_ratio: 100%
layout:
width: 1100
max_cols: 1
On normal desktop browser it looks fine
On an Amazon Fire tablet, the top card has a white margin on each side of the video frame whilst the bottom card has no such margin
How can I remove the white margins in the top image?