Is there any way to make a lightning:button expand horizontally until it fills the boundaries of its div? I've been trying for ages but nothing I try works, is it possible or is salesforce still working on that functionality? Here's what I'm trying/something to work with:
<div style="width:200px;"> <div class="slds-grid slds-grid_pull-padded-medium"> <div class="slds-col slds-p-horizontal_medium"> <lightning:layout horizontalAlign="spread" pullToBoundary="small"> <lightning:layoutItem flexibility="grow"> <lightning:button variant="neutral" label="TEST" iconName="utility:up" iconPosition="right"/> </lightning:layoutItem> </lightning:layout> </div> </div> </div>
I've tried CSS stuff too but it won't work either, pretty much out of ideas at this point. Would appreciate any advice
display: block; margin: 10px 0; padding: 10px; width: 100%; background-color: red;
still a n00b when it comes to salesforce css styling, I added class="widebutton" to the lightning:button but that may have been the wrong way to do it.