Fixed to scale to fit on ipad size

public_new/css/chat.css

@@ -817,8 +817,16 @@ input[name="tab_item"] {
   width: 100%!important;
   width: 100%!important;
 }
 }
 .modal-body #modal_image {
 .modal-body #modal_image {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.picture-modal {
+  max-width: 85vw;
+  max-height: 85vh;
+  width:100%;
+  height:100%;
 }
 }
 
 
 .menu_modal .modal-body ul {
 .menu_modal .modal-body ul {

public_new/modal_chat_picture.html

@@ -6,8 +6,8 @@
           <span aria-hidden="true">&times;</span>
           <span aria-hidden="true">&times;</span>
         </button>
         </button>
       </div>
       </div>
-      <div class="modal-body">
-        <div class="picture-modal" style="max-height: 85vh; max-width: 85vw;">
+      <div class="modal-body" style="height: 85vh!important; max-height: 85vh;">
+        <div class="picture-modal">
           <img src="" id="modal_image">
           <img src="" id="modal_image">
         </div>
         </div>
       </div>
       </div>