Remove form wrap around HandlerInput and fix css

ui/src/kapacitor/components/HandlerInput.js

@@ -12,7 +12,6 @@ const HandlerInput = ({
 }) => {
   const formGroupClass = `form-group ${fieldColumns}`
   return (
-    <form>
     <div className={formGroupClass}>
       <label htmlFor={fieldName}>
         {fieldDisplay}
@@ -37,7 +36,6 @@ const HandlerInput = ({
           : null}
       </div>
     </div>
-    </form>
   )
 }
 

ui/src/style/pages/kapacitor.scss

@@ -542,9 +542,9 @@ $rule-builder--radius-lg: 5px;
     padding-bottom: $rule-builder--padding-lg;
   }
 }
-.endpoint-tab--parameters form {
-  margin-left: -7px;
-  margin-right: -7px;
+.endpoint-tab--parameters .form-group {
+  margin-left: -18px;
+  margin-right: 18px;
 }
 .endpoint-tab--parameters--empty {
   align-items: center;