Fixed focus color issue for Alertify dialog buttons. Fixes #5292

docs/en_US/release_notes_4_20.rst

@@ -27,4 +27,5 @@ Bug fixes
 | `Issue #5128 <https://redmine.postgresql.org/issues/5128>`_ -  Change some colors and opacity to comply with WCAG color contrast standards.
 | `Issue #5143 <https://redmine.postgresql.org/issues/5143>`_ -  Fix an accessibility issue to maximize the panel for all alertify dialog.
 | `Issue #5221 <https://redmine.postgresql.org/issues/5221>`_ -  Improve logic to get the DDL statements as a part of the comparison.
-| `Issue #5279 <https://redmine.postgresql.org/issues/5279>`_ -  Fixed Unicode character issue causing error on Python2 environment.
+| `Issue #5279 <https://redmine.postgresql.org/issues/5279>`_ -  Fixed Unicode character issue causing error on Python2 environment.
+| `Issue #5292 <https://redmine.postgresql.org/issues/5292>`_ -  Fixed focus color issue for Alertify dialog buttons.

web/.editorconfig

@@ -22,6 +22,9 @@ indent_size = 2
 [*.css]
 indent_size = 2
 
+[*.scss]
+indent_size = 2
+
 # Matches the exact file package.json
 [{package.json}]
 indent_size = 2

web/pgadmin/static/scss/_alertify.overrides.scss

@@ -281,8 +281,18 @@
 }
 
 
-.ajs-maximize {
+.ajs-commands {
+  button {
     @extend .btn-secondary;
     outline: none !important;
+  }
 }
 
+.wizard-header {
+  .ml-auto {
+    button {
+      @extend .btn-secondary;
+      outline: none !important;
+     }
+  }
+}