From df53cbc0a9317c0858f215ef6b9f04cb840bfa84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <mail@davidbenque.com>
Date: Tue, 28 Jul 2020 10:52:51 +0100
Subject: [PATCH] Access modal .wide sizing

---
 .../src/less2/include/alertify.less           | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less
index db951613c..3e939b125 100644
--- a/customize.dist/src/less2/include/alertify.less
+++ b/customize.dist/src/less2/include/alertify.less
@@ -157,8 +157,7 @@
                 background: #fff;
                 box-shadow: @alertify_box-shadow;
                 &.wide {
-                    width: 1000px;
-                    max-width: 70%;
+                    max-width: 850px;
                 }
             }
 
@@ -393,9 +392,15 @@
         .cp-share-columns {
             display: flex;
             flex-flow: row;
+            @media screen and (max-width: (@browser_media-medium-screen)) {
+                flex-flow: column;
+            }
 
             & > .cp-share-column {
                 width: 50%;
+                @media screen and (max-width: (@browser_media-medium-screen)) {
+                    width: unset;
+                }
                 //padding: 0 10px;
                 position: relative;
                 &.contains-nav {
@@ -414,14 +419,24 @@
                 }
                 &:first-child {
                     margin-right: @alertify_padding-base;
+                    @media screen and (max-width: (@browser_media-medium-screen)) {
+                        margin: 0 0 @alertify_padding-base 0;
+                    }
                 }
                 &:last-child {
                     margin-left: @alertify_padding-base;
+                    @media screen and (max-width: (@browser_media-medium-screen)) {
+                        margin: 0px;
+                    }
                 }
             }
             & > .cp-share-column-mid {
                 display: flex;
                 align-items: center;
+                justify-content: center;
+                @media screen and (max-width: (@browser_media-medium-screen)) {
+                    margin-bottom: @alertify_padding-base;
+                }
                 button {
                     width: 50px;
                     margin: 0;