[common] changed markup for logo on 'about' page

apps/common/main/lib/view/About.js

@@ -61,7 +61,7 @@ define([
             this.template = _.template([
                 '<table id="id-about-licensor-logo" cols="1" style="width: 100%; margin-top: 20px;">',
                     '<tr>',
-                        '<td align="center"><div class="asc-about-office"/></td>',
+                        '<td align="center"><div><img class="asc-about-office"></div></td>',
                     '</tr>',
                     '<tr>',
                         '<td align="center"><label class="asc-about-version">' + options.appName.toUpperCase() + '</label></td>',

apps/common/main/resources/less/about.less

@@ -1,11 +1,15 @@
 .about-dlg {
     .asc-about-office {
         background-repeat: no-repeat;
-        .background-ximage('@{common-image-path}/about/OnlyOffice.png', '@{common-image-path}/about/OnlyOffice@2x.png', 340px);
-
-        width: 340px;
-        height: 55px;
         margin-bottom: 5px;
+        content: data-uri('@{common-image-path}/about/logo.png');
+
+        @media
+        only screen and (-webkit-min-device-pixel-ratio: 2),
+        only screen and (min-resolution: 2dppx),
+        only screen and (min-resolution: 192dpi) {
+            content: data-uri('@{common-image-path}/about/logo@2x.png');
+        }
     }
 
     .asc-about-header {