From a8d8c98e9faedebfabf8fb725913c839f4449109 Mon Sep 17 00:00:00 2001
From: DianaXWiki <139217939+DianaXWiki@users.noreply.github.com>
Date: Mon, 16 Oct 2023 18:42:19 +0300
Subject: [PATCH] Add comm modal improvement on small screens #1271

---
 www/pad/app-pad.less | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/www/pad/app-pad.less b/www/pad/app-pad.less
index d7d4cb96d..4e9734444 100644
--- a/www/pad/app-pad.less
+++ b/www/pad/app-pad.less
@@ -22,8 +22,6 @@ body.cp-app-pad {
         flex-flow: row;
         height: 100%;
         overflow: hidden;
-        position: relative;
-
        .cp-toolbar-chat-drawer, .cp-toolbar-userlist-drawer{
         @media screen and (max-width: @browser_media-medium-screen){
             position: absolute;
@@ -82,9 +80,13 @@ body.cp-app-pad {
                 border-color: @cryptpad_color_red;
             }
         }
+
         .cp-pad-show {
             line-height: 0px;
         }
+        .h2{
+            text-align: center;
+        }
     }
     #cp-app-pad-resize {
         order: 2;
@@ -143,7 +145,7 @@ body.cp-app-pad {
         }
         h2 {
             font-size: 1.5rem;
-            text-align: right;
+            text-align: center;
         }
         .comments_main();
     }
@@ -154,6 +156,10 @@ body.cp-app-pad {
         h2 {
             text-align: left;
         }
+        p.msg{
+            overflow: hidden;
+            align-self: center;
+        }
     }
 
     .cke_toolbox_main {