Fix initial size of the image preview in the mediatag dialog

www/pad/app-pad.less

@@ -47,6 +47,23 @@ body.cp-app-pad {
         display: block;
         overflow-x: auto;
         max-height: 100vh;
+        .cke_dialog_contents {
+            #ck-mediatag-preview {
+                margin: auto;
+                resize: both;
+                max-width: 300px;
+                max-height: 300px;
+                overflow: auto;
+            }
+            media-tag {
+                display: flex;
+                border-style: solid;
+                border-color: black;
+                &> * {
+                    flex-shrink: 0;
+                }
+            }
+        }
     }
 
     .cke_wysiwyg_frame {

www/pad/mediatag-plugin-dialog.js

@@ -43,9 +43,7 @@ CKEDITOR.dialog.add('mediatag', function (editor) {
                         type: 'html',
                         id: 'preview',
                         html: '<label>'+Messages.preview+'</label>'+
-                              '<div id="ck-mediatag-preview"'+
+                              '<div id="ck-mediatag-preview"></div>'
-                'style="margin:auto;resize:both;max-width:300px;max-height:300px;overflow:auto"'+
-                              '></div>'
                     },
                 ]
             },
@@ -77,11 +75,6 @@ CKEDITOR.dialog.add('mediatag', function (editor) {
 
             var $preview = $(dialog).find('#ck-mediatag-preview');
             var $clone = $(el.$).clone();
-            $clone.css({
-                display: 'flex',
-                'border-style': 'solid',
-                'border-color': 'black'
-            });
             $preview.html('').append($clone);
 
             var center = function () {