Dimmer slider smaller

[madpatrick]

Hi,

Do somebody know how to make the dimmer slider smaller in css.



I've made the button bigger because they are to small on the tablet and moved the buttons to the left due to the bigger size

Code: Select all

left: -100px; 

This is my css code for this button

Code: Select all

.block_502 				{height: 100px !important;}
.block_502 .title			{font-size: 20px !important;color:white !important;}
.block_502 .state			{font-size: 16px !important;color:yellow !important}
.block_502 img				{max-width: 40px !important;}
.fas.fa-chevron-up 			{font-size:40px !important;color:yellow !important;}
.fas.fa-chevron-down 			{font-size:40px !important;color:orange !important;}
.btn-number.plus			{width: 100px !important;height: 45px !important;display:inline-block;position: relative; left: -100px; 
					border: 2px solid rgba(255,255,255,0.7); background: rgba(80,80,80); background-clip: padding-box; border-radius: 10px;}
.btn-number.min 			{width: 100px !important;height: 45px !important; display:inline-block;position: relative; left: -100px;   
					border: 2px solid rgba(255,255,255,0.7); background: rgba(80,80,80); background-clip: padding-box; border-radius: 10px;}