How can I change the button size in the Fan Control Entity Row?

Configuration Frontend
1

I’ve gotten the Fan Control Entity Row working for my ceiling fans. I am using it on a view that I’ve set up for my converted Wink Relays. It works fine, but the buttons are absolutely tiny on the screen.

I went into the fan-control-entity-row.js file, and realized I absolutely know nothing about coding. The only thing I could see that remotely looked close to size-related was:

           .    speed {
                    **min-width: 30px;*
max-width: 30px;**
height: 30px;
margin-left: 2px;
                    margin-right: 2px;
    	            background-color: #759aaa;
            border: 1px solid lightgrey; 
 border-radius: 4px;
            font-size: 10px !important;
 color: inherit;
  text-align: center;
            float: right !important;
 padding: 1px;
}

But changing the *x*px values didn’t seem to make a difference.

2

did you refresh your browser (ctrl-F5) after you made the change?

I’m not really that kind of programmer either and most of what I do is taken from other examples and a bunch of trial and error but I’ll have to look and see if I can figure out how to make the buttons have a percent of size of the card instead of a fixed size.

3

Yep I cleared cache, restarted browser, tried on different device – no change.

4

This would be really handy if it’s possible. The buttons are coming out a little small for me too.
Great card though @finity !

5

Sorry, I completely forgot about looking into that.

I’ll try to remember to sometime next week.

6

Awesome, thanks!

7

Hey @finity just wondered if you ever got a chance to look at the sizing options? Thanks.

8

I’m sorry that it took so long but I finally got around to implementing this.

try the latest version and let me know if it’s OK.

1 Like
9

Working perfectly for me on the five fans I have.

Thank you.

1 Like
10

Working perfectly for me, thanks so much. My fan cards are a lot easier to see and use now!