fix: use new comparison image

hashicorp · Jan 30, 2025 · c563472 · c563472
1 parent 36997b8
commit c563472
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 1 deletion.
diff --git a/website/docs/patterns/button-organization/partials/guidelines/alignment.md b/website/docs/patterns/button-organization/partials/guidelines/alignment.md
@@ -20,8 +20,11 @@ In most scenarios, align buttons to the **left side** of a container or page. Th
 A common example of this alignment method is in [Modals](/components/modal) and page-level forms.
 
 !!! Do
+
 Align buttons to the left side of the container.
-![](/assets/patterns/button-organization/alignment-reading-pattern.png)
+
+![Modal with buttons in the footer aligned to the left. The reading order goes from left to right, top to bottom.](/assets/patterns/button-organization/alignment-reading-pattern-comparison.png)
+
 !!!
 
 ### Right alignment

diff --git a/...ic/assets/patterns/button-organization/alignment-reading-pattern-comparison.png b/...ic/assets/patterns/button-organization/alignment-reading-pattern-comparison.png
diff --git a/website/public/assets/patterns/button-organization/alignment-reading-pattern.png b/website/public/assets/patterns/button-organization/alignment-reading-pattern.png
diff --git a/website/public/assets/patterns/button-organization/using-left-alignment.png b/website/public/assets/patterns/button-organization/using-left-alignment.png