fix button order

packages/rocketchat-theme/client/imports/forms/button.css

@@ -26,6 +26,10 @@
 		background: inherit;
 	}
 
+	&--invisible {
+		visibility: hidden;
+	}
+
 	&--primary {
 		color: var(--button-primary-text-color);
 		border: 0;

packages/rocketchat-ui/client/views/app/modal.html

@@ -39,9 +39,7 @@
 					{{/if}}
 				</main>
 				<div class="rc-modal__footer">
-					{{#if showCancelButton}}
-						<input class="rc-button rc-button--nude js-close" type="submit" data-button="cancel" value="{{cancelButtonText}}">
-					{{/if}}
+					<input class="rc-button rc-button--nude js-close {{#unless showCancelButton}}rc-button--invisible{{/unless}}" type="submit" data-button="cancel" value="{{cancelButtonText}}">
 					<input style="background-color:{{confirmButtonColor}}" class="rc-button rc-button--primary js-confirm" type="submit" data-button="create" value="{{confirmButtonText}}">
 				</div>
 			{{/if}}

packages/rocketchat-ui/client/views/app/modal.js

@@ -34,7 +34,12 @@ this.modal = {
 		}
 	},
 	confirm(value) {
-		this.fn(value);
+		if (this.fn) {
+			this.fn(value);
+		} else {
+			this.close();
+		}
+
 		this.config.closeOnConfirm && this.close();
 	},
 	showInputError(text) {