diff --git a/apps/common/mobile/resources/less/about.less b/apps/common/mobile/resources/less/about.less
new file mode 100644
index 000000000..7234dcb25
--- /dev/null
+++ b/apps/common/mobile/resources/less/about.less
@@ -0,0 +1,41 @@
+@text-normal: #000;
+
+.about {
+ .page-content {
+ text-align: center;
+ }
+
+ .content-block:first-child {
+ margin: 15px 0;
+ }
+
+ .content-block {
+ margin: 0 auto 15px;
+
+ a {
+ color: @text-normal;
+ }
+ }
+
+ h3 {
+ font-weight: normal;
+ margin: 0;
+
+ &.vendor {
+ color: @text-normal;
+ font-weight: bold;
+ margin-top: 15px;
+ }
+ }
+
+ p > label {
+ margin-right: 5px;
+ }
+
+ .logo {
+ display: inline-block;
+ width: 100%;
+ height: 55px;
+ background: url('../../../../common/mobile/resources/img/about/logo.svg') no-repeat center;
+ }
+}
\ No newline at end of file
diff --git a/apps/common/mobile/resources/less/common-ios.less b/apps/common/mobile/resources/less/common-ios.less
index 8305d3245..1e49aea4a 100644
--- a/apps/common/mobile/resources/less/common-ios.less
+++ b/apps/common/mobile/resources/less/common-ios.less
@@ -299,4 +299,10 @@
.dialog {
background-color: rgba(var(--f7-dialog-bg-color-rgb), 1);
}
+
+ .about {
+ .logo {
+ margin-top: 20px;
+ }
+ }
}
diff --git a/apps/presentationeditor/mobile/src/less/app-ios.less b/apps/presentationeditor/mobile/src/less/app-ios.less
index 0875bb61a..55a23a31e 100644
--- a/apps/presentationeditor/mobile/src/less/app-ios.less
+++ b/apps/presentationeditor/mobile/src/less/app-ios.less
@@ -27,76 +27,3 @@
color: #212121;
}
}
-
-// About
-
-.content-block {
- margin: 35px 0;
- padding: 0 15px;
- color: #6d6d72;
- box-sizing: border-box;
-}
-
-.about .page-content {
- text-align: center;
-}
-
-.about .content-block {
- margin: 0 auto 15px;
-}
-
-.about .content-block:first-child {
- margin: 15px 0;
-}
-
-.about .logo {
- margin-top: 20px;
- background-position: center;
- background-repeat: no-repeat;
- background-size: contain;
- display: inline-block;
- width: 100%;
- height: 55px;
- .encoded-svg-background('');
-}
-
-.settings-about-logo {
- margin-top: 20px;
- img {
- max-width: 216px;
- max-height: 35px;
- }
-}
-
-.about h3 {
- font-weight: 400;
- margin: 0;
-}
-
-.about h3.vendor {
- color: #000;
- font-weight: 700;
- margin-top: 15px;
-}
-
-.about p > label {
- margin-right: 5px;
-}
-
-.about .content-block a {
- color: #000;
-}
-
-.content-block-inner {
- background: #fff;
- padding: 10px 15px;
- margin-left: -15px;
- width: 100%;
- position: relative;
- color: #000;
-}
-
-
-
-
-
diff --git a/apps/presentationeditor/mobile/src/less/app-material.less b/apps/presentationeditor/mobile/src/less/app-material.less
index 65ab3a1ab..2a0550a09 100644
--- a/apps/presentationeditor/mobile/src/less/app-material.less
+++ b/apps/presentationeditor/mobile/src/less/app-material.less
@@ -46,72 +46,3 @@
color: #212121;
}
}
-
-// About
-
-.content-block {
- margin: 35px 0;
- padding: 0 15px;
- color: #6d6d72;
- box-sizing: border-box;
-}
-
-.about .page-content {
- text-align: center;
-}
-
-.about .content-block {
- margin: 0 auto 15px;
-}
-
-.about .content-block:first-child {
- margin: 15px 0;
-}
-
-.about .logo {
- margin-top: 20px;
- background-position: center;
- background-repeat: no-repeat;
- background-size: contain;
- display: inline-block;
- width: 100%;
- height: 55px;
- .encoded-svg-background('');
-}
-
-.settings-about-logo {
- margin-top: 20px;
- img {
- max-width: 216px;
- max-height: 35px;
- }
-}
-
-.about h3 {
- font-weight: 400;
- margin: 0;
-}
-
-.about h3.vendor {
- color: #000;
- font-weight: 700;
- margin-top: 15px;
-}
-
-.about p > label {
- margin-right: 5px;
-}
-
-.about .content-block a {
- color: #000;
-}
-
-.content-block-inner {
- background: #fff;
- padding: 10px 15px;
- margin-left: -15px;
- width: 100%;
- position: relative;
- color: #000;
-}
-
diff --git a/apps/presentationeditor/mobile/src/less/app.less b/apps/presentationeditor/mobile/src/less/app.less
index d2d73f91e..d83b0a431 100644
--- a/apps/presentationeditor/mobile/src/less/app.less
+++ b/apps/presentationeditor/mobile/src/less/app.less
@@ -5,6 +5,7 @@
@import '../../../../common/mobile/resources/less/common.less';
@import '../../../../common/mobile/resources/less/common-ios.less';
@import '../../../../common/mobile/resources/less/common-material.less';
+@import '../../../../common/mobile/resources/less/about.less';
@import './app-material.less';
@import './app-ios.less';
@import './icons-ios.less';
diff --git a/apps/presentationeditor/mobile/src/view/settings/PresentationAbout.jsx b/apps/presentationeditor/mobile/src/view/settings/PresentationAbout.jsx
index 6fb51726a..27e777d22 100644
--- a/apps/presentationeditor/mobile/src/view/settings/PresentationAbout.jsx
+++ b/apps/presentationeditor/mobile/src/view/settings/PresentationAbout.jsx
@@ -25,7 +25,7 @@ const PagePresentationAbout = props => {