ajust css

src/app/pages/publications/view-publications/view-publications.page.html

@@ -44,11 +44,17 @@
       <ion-card *ngFor="let publication of publicationFolderService.publicationList[folderId] let i = index">
         <ion-card-content>
           
-          <div style="width: 364px; height: 395px;">
+          <div  style="width: 100%; height: 395px;">
             <app-swiper
             [publicationList]=publication
           ></app-swiper>
           </div>
+
+          <!-- <div *ngIf="platform.is('ios')" style="width: 322px; height: 357px;">
+            <app-swiper
+            [publicationList]=publication
+          ></app-swiper>
+          </div> -->
            
 
 

src/app/pages/publications/view-publications/view-publications.page.ts

@@ -78,7 +78,7 @@ export class ViewPublicationsPage implements OnInit {
     public checkFileType: checkFileTypeService,
     private publicationVideoManagerService: PublicationVideoManagerService,
     public stopvideoService: StopvideoService,
-    private platform: Platform,
+    public platform: Platform,
     public activeTabService: ActiveTabService,
     public PublicationHolderService: PublicationHolderService) {
 

src/app/shared/swiper/swiper.page.html

@@ -25,7 +25,7 @@
 </ion-content>
 
 <ion-footer>
-  <div *ngIf="publicationList.Files.length > 2" class="dots-container">
+  <div *ngIf="publicationList.Files.length > 1" class="dots-container">
     <span *ngFor="let files of publicationList.Files; let k = index" 
       [class.dotsSwiper]="true" 
       [class.active-dot]="swiperIndex === k"

src/app/shared/swiper/swiper.page.scss

@@ -144,7 +144,7 @@ ion-toolbar {
 
   max-height: 400px;
   min-height: 350px;
-  min-width: 350px;
+  /* min-width: 350px; */
 
   margin: 5px auto;
 
@@ -282,7 +282,7 @@ swiper-slide video {
 
   max-height: 400px;
   min-height: 350px;
-  min-width: 350px;
+  /* min-width: 350px; */
 
   margin: 5px auto;