ui: fix minor issue with webhook forms (#9335)

- Fix width of Test webhook delivery form
- Fix auto execution of test delivery in create webhook form

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>

ui/src/views/tools/CreateWebhook.vue

@@ -325,8 +325,10 @@ export default {
     closeAction () {
       this.$emit('close-action')
     },
-    handleParamUpdate (e) {
-      this.$refs.dispatchview.timedTestWebhookDelivery()
+    handleParamUpdate () {
+      setTimeout(() => {
+        this.$refs.dispatchview.timedTestWebhookDelivery()
+      }, 1)
     },
     handleScopeChange (e) {
       if (['Domain', 'Local'].includes(this.form.scope)) {

ui/src/views/tools/TestWebhookDelivery.vue

@@ -120,7 +120,7 @@ export default {
     width: 80vw;
 
     @media (min-width: 600px) {
-      max-width: 95%;
+      max-width: 550px;
     }
   }