See below for the CSS snippets that I moved the icon down in the top tile, and moved the variable value to the top in the bottom tile, and hide the footer display of the top tile as well. However. the challenge is I had to keep the top tile’s icon 1em away from the bottom otherwise the “glow” would be cut off assuming you are doing @Carlos_Juarez’s trick using RGB device to glow different color based on the STHM status accordingly, because the glow style is assigned dynamically when color is changed. (You can still tell the glow was cut off a bit even 1em away from the bottom.)
.tile.--theme-style-sthm-icon .tile-footer { display:none }
.tile.--theme-style-sthm-icon .main-content .icon { align-items: flex-end; position: relative; bottom: 1em;}
.tile.--theme-style-sthm-variable .main-content .value {justify-content: unset}
Please note that any custom CSS snippets provided are not officially supported and may need to be adjusted with potential future changes to the SharpTools web app.
Note that I have custom style applied to these tiles, so I can make the CSS to be applied for these two tiles only.(sthm-icon and sthm-variable are the custom style name in the theme I used, and you will need to change the CSS accordingly based on the style names you created.)
I also set the the tile gap to 0 in the Dashboard settings, and removed the border of the tiles to make them look like one tile.
