Minor ui changes.

Author: suraj-webkul

packages/Webkul/Admin/publishable/assets/css/admin.css

@@ -1,6 +1,6 @@
 {
     "/js/admin.js": "/js/admin.js?id=ded43dfc84d1a6b469709c56aeee570a",
-    "/css/admin.css": "/css/admin.css?id=7b0ac9810258e4ee35be6823da12abaa",
+    "/css/admin.css": "/css/admin.css?id=16ecd198f0b86192d409eb3bac6fa3b8",
     "/images/activities-active-icon.svg": "/images/activities-active-icon.svg?id=f7887e3fdcddf68567ceca8facc1e40e",
     "/images/activities-icon.svg": "/images/activities-icon.svg?id=0755224d86e0281d031f938b2aa1d610",
     "/images/attribute-icon.svg": "/images/attribute-icon.svg?id=8f9f3e0e90496263403fc26efef8614d",

packages/Webkul/Admin/publishable/assets/mix-manifest.json

@@ -2549,7 +2549,28 @@ input[type=radio] {
     clear: both;
 }
 
-.help{
+.webhook-headers {
+    display: flex;
+    gap: 5px;
+    align-items: center;
+
+    .webhook-header-items{
+        display: flex;
+        gap: 5px;
+    }
+
+    .remove-header {
+        margin-bottom: 20px;
+    }
+}
+
+.webhook-request-body {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+}
+
+.help {
     font-style: italic;
     font-size: 16px;
 }

packages/Webkul/Admin/src/Resources/assets/sass/app.scss

@@ -30,9 +30,9 @@ class="control"
 
                 <div
                     v-for="(header, idx) in headers"
-                    style="display: flex; gap: 5px; align-items: center;"
+                    class="webhook-headers"
                 >
-                    <div style="display: flex; gap: 5px;">
+                    <div class="webhook-header-items">
                         <div class="form-group">
                             <input
                                 type="text"
@@ -57,14 +57,13 @@ class="control"
                     </div>
 
                     <div>
-                        <i class="icon trash-icon" @click="$delete(headers, idx)"></i>
+                        <i class="icon trash-icon remove-header" @click="$delete(headers, idx)"></i>
                     </div>
                 </div>
 
                 <button
                     type="button"
                     class="btn btn-primary"
-                    style=" margin-top: 10px; margin-bottom: 10px;"
                     @click="addHeader" 
                 >
                     {{ __('admin::app.settings.workflows.add_header') }}
@@ -91,7 +90,6 @@ class="control"
 
             <div
                 class="form-group"
-                style="margin-top: 10px;"
                 v-if="action.hook.method != 'get' && action.hook.method != 'delete'"
             >
                 <label>{{ __('admin::app.settings.workflows.request_body') }}</label>
@@ -108,7 +106,7 @@ class="form-group"
                                 <div
                                     v-for="(lead, leadIndex) in leads"
                                     :key="lead.id"
-                                    style="display: flex; gap: 10px; align-items: center;"
+                                    class="webhook-request-body"
                                 >
                                     <input
                                         type="checkbox"
@@ -129,7 +127,7 @@ class="form-group"
                             <div
                                 v-for="(person, personIndex) in persons"
                                 :key="person.id"
-                                style="display: flex; gap: 10px; align-items: center;"
+                                class="webhook-request-body"
                             >
                                 <input
                                     type="checkbox"
@@ -148,7 +146,7 @@ class="form-group"
                             <div
                                 v-for="(quote, quoteIndex) in quotes"
                                 :key="quote.id"
-                                style="display: flex; gap: 10px; align-items: center;"
+                                class="webhook-request-body"
                             >
                                 <input
                                     type="checkbox"
@@ -168,7 +166,7 @@ class="form-group"
                             <div
                                 v-for="(activity, activityIndex) in activities"
                                 :key="activity.id"
-                                style="display: flex; gap: 10px; align-items: center;"
+                                class="webhook-request-body"
                             >
                                 <input
                                     type="checkbox"