[Alerting] "Create alert" and alert list design improvements

x-pack/plugins/translations/translations/ja-JP.json

@@ -15965,7 +15965,7 @@
     "xpack.triggersActionsUI.sections.alertAdd.saveButtonLabel": "保存",
     "xpack.triggersActionsUI.sections.alertAdd.saveErrorNotificationText": "アラートを作成できません。",
     "xpack.triggersActionsUI.sections.alertAdd.saveSuccessNotificationText": "「{alertName}」 を保存しました",
-    "xpack.triggersActionsUI.sections.alertAdd.selectIndex": "インデックスを選択してください。",
+    "xpack.triggersActionsUI.sections.alertAdd.selectIndex": "インデックスを選択してください",
     "xpack.triggersActionsUI.sections.alertAdd.threshold.closeIndexPopoverLabel": "閉じる",
     "xpack.triggersActionsUI.sections.alertAdd.threshold.fixErrorInExpressionBelowValidationMessage": "下の表現のエラーを修正してください。",
     "xpack.triggersActionsUI.sections.alertAdd.threshold.howToBroadenSearchQueryDescription": "* で検索クエリの範囲を広げます。",

x-pack/plugins/translations/translations/zh-CN.json

@@ -15962,15 +15962,15 @@
     "xpack.triggersActionsUI.sections.addModalConnectorForm.updateSuccessNotificationText": "已创建“{connectorName}”",
     "xpack.triggersActionsUI.sections.alertAdd.betaBadgeTooltipContent": "{pluginName} 为公测版，可能会进行更改。设计和代码相对于正式发行版功能还不够成熟，将按原样提供，且不提供任何保证。公测版功能不受正式发行版功能支持 SLA 的约束。",
     "xpack.triggersActionsUI.sections.alertAdd.cancelButtonLabel": "取消",
-    "xpack.triggersActionsUI.sections.alertAdd.conditionPrompt": "定义条件。",
+    "xpack.triggersActionsUI.sections.alertAdd.conditionPrompt": "定义条件",
     "xpack.triggersActionsUI.sections.alertAdd.errorLoadingAlertVisualizationTitle": "无法加载告警可视化",
     "xpack.triggersActionsUI.sections.alertAdd.flyoutTitle": "创建告警",
     "xpack.triggersActionsUI.sections.alertAdd.loadingAlertVisualizationDescription": "正在加载告警可视化……",
     "xpack.triggersActionsUI.sections.alertAdd.previewAlertVisualizationDescription": "完成表达式以生成预览。",
     "xpack.triggersActionsUI.sections.alertAdd.saveButtonLabel": "保存",
     "xpack.triggersActionsUI.sections.alertAdd.saveErrorNotificationText": "无法创建告警。",
     "xpack.triggersActionsUI.sections.alertAdd.saveSuccessNotificationText": "已保存“{alertName}”",
-    "xpack.triggersActionsUI.sections.alertAdd.selectIndex": "选择索引。",
+    "xpack.triggersActionsUI.sections.alertAdd.selectIndex": "选择索引",
     "xpack.triggersActionsUI.sections.alertAdd.threshold.closeIndexPopoverLabel": "关闭",
     "xpack.triggersActionsUI.sections.alertAdd.threshold.fixErrorInExpressionBelowValidationMessage": "表达式包含错误。",
     "xpack.triggersActionsUI.sections.alertAdd.threshold.howToBroadenSearchQueryDescription": "使用 * 可扩大您的查询范围。",

x-pack/plugins/triggers_actions_ui/public/application/components/builtin_alert_types/threshold/expression.scss

@@ -1,3 +1,13 @@
 .actAlertVisualization__chart {
-  height: $euiSize * 15;
+  height: $euiSize * 14;
+}
+
+.actAddAlertSteps {
+  .euiStep__titleWrapper {
+    align-items: center;
+  }
+
+  .euiStep__title {
+    @include euiTitle('xs');
+  }
 }

x-pack/plugins/triggers_actions_ui/public/application/components/builtin_alert_types/threshold/expression.tsx

@@ -283,7 +283,7 @@ export const IndexThresholdAlertTypeExpression: React.FunctionComponent<IndexThr
   const firstSetOfSteps = [
     {
       title: i18n.translate('xpack.triggersActionsUI.sections.alertAdd.selectIndex', {
-        defaultMessage: 'Select an index.',
+        defaultMessage: 'Select an index',
       }),
       children: (
         <>
@@ -395,7 +395,7 @@ export const IndexThresholdAlertTypeExpression: React.FunctionComponent<IndexThr
     },
     {
       title: i18n.translate('xpack.triggersActionsUI.sections.alertAdd.conditionPrompt', {
-        defaultMessage: 'Define the condition.',
+        defaultMessage: 'Define the condition',
       }),
       children: (
         <>
@@ -444,12 +444,10 @@ export const IndexThresholdAlertTypeExpression: React.FunctionComponent<IndexThr
         </Fragment>
       ) : null}
       <EuiSpacer size="l" />
-      <EuiSteps steps={firstSetOfSteps} />
-      <EuiSpacer size="l" />
+      <EuiSteps className="actAddAlertSteps" steps={firstSetOfSteps} />
       <div className="actAlertVisualization__chart">
         {canShowVizualization ? (
           <Fragment>
-            <EuiSpacer size="xl" />
             <EuiEmptyPrompt
               iconType="visBarVertical"
               body={

x-pack/plugins/triggers_actions_ui/public/application/components/prompts/empty_prompt.tsx

@@ -33,8 +33,6 @@ export const EmptyPrompt = ({ onCTAClicked }: { onCTAClicked: () => void }) => (
         data-test-subj="createFirstAlertButton"
         key="create-action"
         fill
-        iconType="plusInCircle"
-        iconSide="left"
         onClick={onCTAClicked}
       >
         <FormattedMessage