message: Reactor: Minor styling fixes
diff: @@ -205,6 +205,7 @@ const _Reactor = ({ reference }: ReactorProps) => {
  </>
  )}
  + <div style="margin-top: 10px;">
  <ActionButton
  dropup={true}
  mailtoDropdownProps={{
  @@ -231,6 +232,7 @@ const _Reactor = ({ reference }: ReactorProps) => {
  }}
  />
  </div>
  + </div>
  </>
  )}
  @@ -253,11 +255,13 @@ const _Reactor = ({ reference }: ReactorProps) => {
  {step.type === 'textarea' && (
  <textarea
  className="form-element"
  + style="margin-bottom: 10px;"
  value={
  reactorState.moduleData[step.moduleId]?.issue.variables[
  step.variableName
  ]
  }
  + required
  rows={step.rows}
  onBlur={(e) =>
  reactorState.setIssueVariable(
  @@ -272,11 +276,13 @@ const _Reactor = ({ reference }: ReactorProps) => {
  <input
  type="text"
  className="form-element"
  + style="margin-bottom: 10px;"
  value={
  reactorState.moduleData[step.moduleId]?.issue.variables[
  step.variableName
  ]
  }
  + required
  onBlur={(e) =>
  reactorState.setIssueVariable(
  step.moduleId as 'custom-text',
  @@ -394,7 +400,9 @@ const _Reactor = ({ reference }: ReactorProps) => {
  return (
  <IntlProvider definition={window.I18N_DEFINITION} scope="reactor">
  <header className="wizard-header">
  - <h2>TODO</h2>
  + <h2>
  + <Text id="generate-response" />
  + </h2>
  </header>
  <Wizard />
  