From 35109ae44698e5ebc35c8ed52e77c0bfd446b694 Mon Sep 17 00:00:00 2001
From: DianaXWiki <139217939+DianaXWiki@users.noreply.github.com>
Date: Wed, 17 Jul 2024 17:46:59 +0300
Subject: [PATCH] Make confirm button responsive #1406

---
 customize.dist/src/less2/include/alertify.less | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less
index 0890d8010..c225708aa 100644
--- a/customize.dist/src/less2/include/alertify.less
+++ b/customize.dist/src/less2/include/alertify.less
@@ -327,6 +327,8 @@
             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) {
@@ -339,6 +341,17 @@
                 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;
+                    }
+                }
             }
         }
     }