How to change the button icon size in JavaScript API for a webmap?

[KatiePurdham]

Hello,

I am currently importing a webmap that is hosted by ArcGIS Online and have used the JavaScript API to input the webmap and the feature layers within the webmap.  I have added the edit widget from that is given in the link below: https://developers.arcgis.com/javascript/3/jsapi/edit-amd.html . Then, I made a container for this editor widget button.  The task at hand is to make the button size larger; however, I have not been able to expand this button size.

My question is: How can I change this default button size of this expand widget (not the pop-up window of the editor but the button itself)?

[RobertScheitlin__GISP]

Katie,

   You need to adjust the css rules for that button. I am not sure the exact rules for your situation but here is how you would adjust the default home button in 4.x.

.esri-home.esri-widget--button.esri-widget {
  width: 42px;
  height: 42px;
}
.esri-icon.esri-icon-home {
  font-size: 24px;
}‍‍‍‍‍‍‍