From bba8bc84a1028b2de352eea45060757a164c94a9 Mon Sep 17 00:00:00 2001
From: DianaXWiki <139217939+DianaXWiki@users.noreply.github.com>
Date: Thu, 25 Jul 2024 22:25:26 +0300
Subject: [PATCH] Make password confirmation button responsive #1406

---
 .../src/less2/include/alertify.less           | 13 ------------
 www/settings/app-settings.less                | 21 +++++++++++++++++++
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less
index c225708aa..0890d8010 100644
--- a/customize.dist/src/less2/include/alertify.less
+++ b/customize.dist/src/less2/include/alertify.less
@@ -327,8 +327,6 @@
             nav {
                 padding: @alertify_padding-base;
                 text-align: right;
-                display: flex;
-                align-items: center;
                 button, div.cp-button-confirm {
                     margin: 0px !important;
                     &:not(:first-child):not(.left) {
@@ -341,17 +339,6 @@
                 div.cp-button-confirm {
                     vertical-align: middle;
                 }
-                .btn.btn-danger {
-                    overflow-wrap: break-word;
-                    white-space: normal;
-                }
-                @media screen and (max-width: @browser_media-medium-screen){
-                    justify-content: flex-end;
-                    .btn.btn-danger {
-                        width: 100%;
-                        line-height: inherit;
-                    }
-                }
             }
         }
     }
diff --git a/www/settings/app-settings.less b/www/settings/app-settings.less
index ee5c1afc9..a3e47ab39 100644
--- a/www/settings/app-settings.less
+++ b/www/settings/app-settings.less
@@ -38,6 +38,22 @@
         margin-left: 0.5rem;
     }
 
+    .alertify {
+        nav {
+            display: flex;
+            justify-content: center;
+            align-items: flex-end;
+            @media screen and (max-width: @browser_media-medium-screen) {
+                .btn-danger {
+                    line-height: inherit;
+                    overflow-wrap: break-word;
+                    white-space: normal;
+                    width: 100%;
+                }
+            }
+        }
+    }
+
     #cp-sidebarlayout-container {
         #cp-sidebarlayout-rightside {
             input[type="checkbox"] {
@@ -113,6 +129,11 @@
                     margin-left: 10px;
                 }
             }
+            nav {
+                display: flex;
+                justify-content: center;
+                align-items: flex-end;
+            }
             @media (max-width: 840px) {
 
                 .cp-password-container {