Can set stroke and fill on text and shapes (#551)

* Can set stroke and fill on text and shapes

* resend layout on failed update

* text input properly resets on bad input

* support modifying gradients

* can modify gradients in the properties panel

* updated labels

* remove heap allocation in favor of RC

* removed redundent line

* oops

frontend/src/components/widgets/WidgetSection.vue

@@ -14,6 +14,8 @@
 
 <style lang="scss">
 .widget-section {
+	flex: 0 0 auto;
+
 	.header {
 		flex: 0 0 24px;
 		background: var(--color-4-dimgray);

frontend/src/components/widgets/inputs/TextInput.vue

@@ -67,6 +67,9 @@ export default defineComponent({
 			// TODO: Find a less hacky way to do this
 			const inputElement = (this.$refs.fieldInput as typeof FieldInput).$refs.input as HTMLInputElement;
 			this.$emit("commitText", inputElement.value);
+
+			// Required if value is not changed by the parent component upon update:value event
+			inputElement.value = this.value;
 		},
 		onCancelTextChange() {
 			this.editing = false;