Format a multiple switch page

Can anyone advise as to how best to tidy/align these group of switches.
There is quite a gap between label and switch icon.
Yes my attic is 35 degrees today.

Please add the dashboard sizes configuration. It seems too tighten so the font sizes make elelemts to overflow. But no advises should be made blindly.

The button size is 2x1
1x1 widget size is 56x45
widget spacing is 3x3

A bit of space conservation


[{"id":"1b482c888f7b755d","type":"ui_template","z":"fa5b9780981f70bb","group":"e66dc6f032f6d351","name":"Dashboard CSS","order":6,"width":0,"height":0,"format":"<style>\n    .nr-dashboard-switch md-switch {\n        padding: 0 8px 0 8px;\n        margin-left:0 !important;\n    }\n    \n    /* To give more air for elements\n    switches rotated to be vertical\n    If you don't like it\n    remove this rule*/\n        \n    md-switch .md-container{\n        rotate:270deg;\n    }\n</style>","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"global","className":"","x":820,"y":200,"wires":[[]]},{"id":"e66dc6f032f6d351","type":"ui_group","name":"Default","tab":"643b5d16f994d032","order":1,"disp":true,"width":"6","collapse":false,"className":""},{"id":"643b5d16f994d032","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]
1 Like

Thank you that is much better.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.