[DE SSE mobile] Correct swiper pagination

apps/common/mobile/resources/less/common-ios.less

@@ -70,7 +70,7 @@
             font-weight: 600;
             color: @text-normal;
             //line-height: 17px;
-            max-height: 34px;
+            //max-height: 34px;
             //overflow: hidden;
         }
         .navbar-inner, .subnavbar-inner {

apps/common/mobile/resources/less/common.less

@@ -71,6 +71,7 @@
     .list {
         &:first-child {
             margin-top: 0;
+            margin-bottom: 0;
         }
         .inner-range-title {
             color: @text-normal;
@@ -1118,9 +1119,10 @@ input[type="number"]::-webkit-inner-spin-button {
     }
 }
 
-.swiper-container {
+// Swiper
-    height: 100%;
+//.swiper-container {
-}
+//    height: 100%;
+//}
 
 .swiper-pagination-bullet {
     background: @background-menu-divider;
@@ -1130,6 +1132,14 @@ input[type="number"]::-webkit-inner-spin-button {
     }
 }
 
+.swiper-pagination-bullets {
+    position: relative;
+    margin-top: 10px;
+    .swiper-pagination-bullet {
+        margin: 0 8px;
+    }
+}
+
 .preview-cell-style {
     background-position: center;
     background-repeat: no-repeat;

apps/documenteditor/mobile/src/less/app.less

@@ -134,7 +134,7 @@
 
 // Swiper
 .swiper-container {
-    height: 100%;
+    // height: 100%;
     .swiper-pagination-bullet-active{
         background: @black;
     }
@@ -148,14 +148,6 @@
     // }
 }
 
-.swiper-pagination-bullets {
-    position: relative;
-    margin-top: 10px;
-    .swiper-pagination-bullet {
-        margin: 0 8px;
-    }
-}
-
 // Skeleton table
 
 .table-styles .row div:not(:first-child) {

apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx

@@ -144,7 +144,6 @@ const PageCellStyle = props => {
             </Navbar>
             {cellStyles && cellStyles.length ? (
                 <div className="swiper-container swiper-init" data-pagination='{"el": ".swiper-pagination"}'>
-                    <div className="swiper-pagination"></div>
                     <div className="swiper-wrapper">
                         {arraySlides.map((_, indexSlide) => {
                             let stylesSlide = cellStyles.slice(indexSlide * countStylesSlide, (indexSlide * countStylesSlide) + countStylesSlide);
@@ -161,6 +160,7 @@ const PageCellStyle = props => {
                                 </div>
                         )})}
                     </div>
+                    <div className="swiper-pagination"></div>
                 </div>
             ) : null}
         </Page>