Blocks - increase width for icon

[DeVille70]

In blocks, is there any way i can increase the width set aside for the icon? In understand that I can change the size of the icons as well as font size, but with the sizes I would like to use, the icon and texts of title and data comes on top of each other. Any way I can fix that, please?

[Lokonli]

It depends on the block type. For Domoticz devices you can do it as follows:

1)
Add a custom class to the block, like:

Code: Select all

blocks[123] = {
  addClass: 'bigicon',
  ...
}

2) Define the css settings in custom.css:

Code: Select all

.mh.bigicon {
  height: 140px !important
}

.mh.bigicon .col-icon {
  width: 100px !important;
}

.mh.bigicon .col-icon .icon{
  font-size: 80px !important;
}

.mh.bigicon .col-data {
  width: calc(100% - 100px) !important;
}

.mh.bigicon img.icon{
  width: 80px !important;
  max-width: 80px !important;
}

This will work for font-awesome icons as well as images as icon.

[DeVille70]

That gave me a few options to play around with. Thank you very much.