Alerting: Update docs after moving action buttons im the alert list, and move t… (#81375)

Update docs after moving action buttons im the alert list, and move the loading spinner

docs/sources/alerting/alerting-rules/create-mimir-loki-managed-recording-rule.md

@@ -48,7 +48,7 @@ To create recording rules, follow these steps.
 
 1. Click **Alerts & IRM** -> **Alerting** ->
    **Alert rules**.
-1. Click the **More** dropdown and then **New recording rule**.
+1. Click **New recording rule**.
 
 1. Set rule name.
 

docs/sources/alerting/manage-notifications/view-alert-rules.md

@@ -52,7 +52,7 @@ From the Alert list page, you can also make copies of alert rules to help you re
 
 Click the **Export rule group** icon next to each alert rule group to export to YAML, JSON, or Terraform.
 
-Click **More** -> **Export all Grafana-managed rules** to export all Grafana-managed alert rules to YAML, JSON, or Terraform.
+Click **Export rules** to export all Grafana-managed alert rules to YAML, JSON, or Terraform.
 
 Click **More** -> **Modify export** next to each individual alert rule within a group to edit provisioned alert rules and export a modified version.
 

docs/sources/alerting/set-up/provision-alerting-resources/view-provisioned-resources/index.md

@@ -39,7 +39,7 @@ Export your alerting resources, such as alert rules, contact points, and notific
 To export provisioned alerting resources from the Grafana UI, complete the following steps.
 
 1. Click **Alerts & IRM** -> **Alert rules**.
-1. To export all Grafana-managed rules, click **More v** -> **Export all Grafana-managed rules**.
+1. To export all Grafana-managed rules, click **Export rules**.
 1. To export a folder, change the **View as** to **List**.
 1. Select the folder you want to export and click the **Export rules folder** icon.
 1. To export a group, change the **View as** to **Grouped**.

public/app/features/alerting/unified/components/rules/CloudRules.tsx

@@ -56,16 +56,16 @@ export const CloudRules = ({ namespaces, expandAll }: Props) => {
       <div className={styles.sectionHeader}>
         <div className={styles.headerRow}>
           <h5>Mimir / Cortex / Loki</h5>
+          {dataSourcesLoading.length ? (
+            <LoadingPlaceholder
+              className={styles.loader}
+              text={`Loading rules from ${dataSourcesLoading.length} ${pluralize('source', dataSourcesLoading.length)}`}
+            />
+          ) : (
+            <div />
+          )}
           <CreateRecordingRuleButton />
         </div>
-        {dataSourcesLoading.length ? (
-          <LoadingPlaceholder
-            className={styles.loader}
-            text={`Loading rules from ${dataSourcesLoading.length} ${pluralize('source', dataSourcesLoading.length)}`}
-          />
-        ) : (
-          <div />
-        )}
       </div>
 
       {pageItems.map(({ group, namespace }) => {

public/app/features/alerting/unified/components/rules/GrafanaRules.tsx

@@ -59,6 +59,7 @@ export const GrafanaRules = ({ namespaces, expandAll }: Props) => {
       <div className={styles.sectionHeader}>
         <div className={styles.headerRow}>
           <h5>Grafana</h5>
+          {loading ? <LoadingPlaceholder className={styles.loader} text="Loading..." /> : <div />}
           {hasGrafanaAlerts && canExportRules && (
             <Button
               aria-label="export all grafana rules"
@@ -72,7 +73,6 @@ export const GrafanaRules = ({ namespaces, expandAll }: Props) => {
             </Button>
           )}
         </div>
-        {loading ? <LoadingPlaceholder className={styles.loader} text="Loading..." /> : <div />}
       </div>
 
       {pageItems.map(({ group, namespace }) => (