Provide options for UI buttons to expand to fill parent

gui/app/components/ui/ui-button.js

@@ -17,15 +17,15 @@ export default Component.extend({
 	classNames: [],
 	classNameBindings: ['calcClass'],
 	attributeBindings: ['calcAttrs:data-dismiss', 'submitAttrs:type'],
-
 	label: '',
 	icon: '',
 	color: '',
 	light: false,
 	themed: false,
 	dismiss: false,
+	truncate: false,
+	stretch: false,
 	uppercase: true,
-
 	iconClass: '',
 	hasIcon: computed('iconClass', function() {
 		return this.iconClass.trim() != '';
@@ -52,6 +52,14 @@ export default Component.extend({
 			bc += ' text-case-normal';
 		}
 
+		if (this.truncate) {
+			bc += ' text-truncate';
+		}
+
+		if (this.stretch) {
+			bc += ' max-width-100 text-left';
+		}
+
 		return bc;
 	}),
 

gui/app/templates/components/ui/ui-button.hbs

@@ -1,5 +1,5 @@
 {{#if hasIcon}}
 	<i class="dicon {{iconClass}}"/>
 {{/if}}
-<div class="label">{{label}}</div>
+<div class="label" title={{label}}>{{label}}</div>
 {{yield}}