As someone who isn't very skilled in CSS, I have a question for beginners. Below is an excerpt from an HTML document:
<div _ngcontent-vyb-c4="" class="form-row">
<div _ngcontent-vyb-c4="" class="col-md-12">
<div _ngcontent-vyb-c4="" class="form-group">
<h5 _ngcontent-vyb-c4="">Contract</h5>
<button _ngcontent-vyb-c4="" class="buttons-form mat-mini-fab mat-button-base mat-primary" color="primary" mat-mini-fab="" type="button" ng-reflect-color="primary">
<span class="mat-button-wrapper">
<mat-icon _ngcontent-vyb-c4="" class="mat-icon notranslate material-icons mat-icon-no-color" role="img" aria-hidden="true">settings</mat-icon>
</span>
...I'm wondering how to position the button next to the icon on the right side of the h5 element, aligned all the way to the far right. The current layout can be seen in this screenshot. My goal is to have the gear icon and the button displayed on the same row https://i.sstatic.net/j9pcA.png. Please note that this is part of an Angular project, if that makes a difference.