The mobile frontend has no space between the cards and the edge of the screen which is inconsistent with settings pages and looks a bit weird. Left and right padding is removed on hui-view when screen is less than 500pixels wide.
@media (max-width: 500px) {
:host {
padding-left: 0px;
padding-right: 0px;
}
}
Settings pages have a 20px padding on both sides of the content (not all pages are consistent).
.content {
max-width: 1040px;
padding: 28px 20px 0px;
margin: 0px auto;
}
A theme variable for content padding could be added to make this consistent everywhere. Something like --app-content-padding
