From 2e48742bbfb5d4071ecd8efa09ab99e352b27c6f Mon Sep 17 00:00:00 2001
From: glushkova91 <glushkova91@bk.ru>
Date: Mon, 29 Jan 2024 17:05:30 +0100
Subject: [PATCH] feat(angular)!: change dialog actions: replace row-reverse
 with justify-content end to fix a11y (#451)

Co-authored-by: anastasiia_glushkova <anastasiia.glushkova@haiilo.com>
---
 .../catalyst-demo/src/app/dialog/dialog.component.html        | 4 ++--
 .../catalyst/src/lib/dialog/dialog-actions.component.scss     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/angular/projects/catalyst-demo/src/app/dialog/dialog.component.html b/angular/projects/catalyst-demo/src/app/dialog/dialog.component.html
index 6c16fd97..c4503cff 100644
--- a/angular/projects/catalyst-demo/src/app/dialog/dialog.component.html
+++ b/angular/projects/catalyst-demo/src/app/dialog/dialog.component.html
@@ -19,8 +19,8 @@
   </form>
 
   <cat-dialog-actions>
-    <cat-button variant="filled" color="primary">Primary</cat-button>
-    <cat-button>Secondary</cat-button>
     <cat-button variant="text" class="cat-mr-auto">Tertiary</cat-button>
+    <cat-button>Secondary</cat-button>
+    <cat-button variant="filled" color="primary">Primary</cat-button>
   </cat-dialog-actions>
 </cat-dialog>
diff --git a/angular/projects/catalyst/src/lib/dialog/dialog-actions.component.scss b/angular/projects/catalyst/src/lib/dialog/dialog-actions.component.scss
index 099c4c64..2ff402c0 100644
--- a/angular/projects/catalyst/src/lib/dialog/dialog-actions.component.scss
+++ b/angular/projects/catalyst/src/lib/dialog/dialog-actions.component.scss
@@ -3,7 +3,7 @@
 }
 
 .cat-dialog-actions-end {
-  flex-direction: row-reverse;
+  justify-content: end;
 }
 
 .cat-dialog-actions-space-between {