Styling the Gadget
Style the controls before writing the business logic.
1. Navigate to gadget.scss file located under WebContent > Gadget > HelloWorld > styles of the application project.
2. Add the following code:
.location-publish-header{
font-size: 13px;
font-family: Arial;
font-weight: normal;
padding-left: 8px;
padding-top: 5px;
}
.table{
display:table;
}
.table-row{
display:table-row;
}
.table-cell{
display:table-cell;
padding: 3px;
margin-bottom: 3px;
margin-left: 5px;
}
.location-publish-text{
width:100%;
}