From 1511daaa00595cc9598d6d395ae8fb1bf4211684 Mon Sep 17 00:00:00 2001
From: JuliaSvinareva <Julia.Svinaryova@onlyoffice.com>
Date: Fri, 15 Jan 2021 00:07:56 +0300
Subject: [PATCH] [DE mobile] Fixed styles

---
 apps/common/mobile/resources/less/common.less         | 11 +++++------
 .../documenteditor/mobile/src/view/edit/EditShape.jsx |  6 +++---
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/apps/common/mobile/resources/less/common.less b/apps/common/mobile/resources/less/common.less
index 620a225f3..6bd2c2c60 100644
--- a/apps/common/mobile/resources/less/common.less
+++ b/apps/common/mobile/resources/less/common.less
@@ -15,6 +15,11 @@
             padding: 15px 0 0 15px;
         }
     }
+    .page-content {
+        &.no-padding-top {
+            padding-top: 0;
+        }
+    }
 }
 
 .row {
@@ -65,12 +70,6 @@
     }
 }
 
-.page-content {
-    &.tab {
-        padding-top: 0;
-    }
-}
-
 .color-palettes {
     .palette {
         padding: 8px 0px;
diff --git a/apps/documenteditor/mobile/src/view/edit/EditShape.jsx b/apps/documenteditor/mobile/src/view/edit/EditShape.jsx
index 0067ce9f8..00897a3bf 100644
--- a/apps/documenteditor/mobile/src/view/edit/EditShape.jsx
+++ b/apps/documenteditor/mobile/src/view/edit/EditShape.jsx
@@ -149,10 +149,10 @@ const PageStyle = props => {
                 </div>
             </Navbar>
             <Tabs animated>
-                <Tab key={"de-tab-shape-fill"} id={"edit-shape-fill"} className="page-content" tabActive={true}>
+                <Tab key={"de-tab-shape-fill"} id={"edit-shape-fill"} className="page-content no-padding-top" tabActive={true}>
                     <PaletteFill onFillColor={props.onFillColor}/>
                 </Tab>
-                <Tab key={"de-tab-shape-border"} id={"edit-shape-border"} className="page-content">
+                <Tab key={"de-tab-shape-border"} id={"edit-shape-border"} className="page-content no-padding-top">
                     <List>
                         <ListItem>
                             <div slot="root-start" className='inner-range-title'>{_t.textSize}</div>
@@ -176,7 +176,7 @@ const PageStyle = props => {
                         </ListItem>
                     </List>
                 </Tab>
-                <Tab key={"de-tab-shape-effects"} id={"edit-shape-effects"} className="page-content">
+                <Tab key={"de-tab-shape-effects"} id={"edit-shape-effects"} className="page-content no-padding-top">
                     <List>
                         <ListItem>
                             <div slot="root-start" className='inner-range-title'>{_t.textOpacity}</div>