fix css

apps/maarch_entreprise/js/angular/app/Views/signatureBook.html

@@ -61,11 +61,11 @@
                 </div>
             </div>
         </div>
-        <div *ngIf="showLeftPanel" class="hideresListContent" (click)="displayPanel('RESLEFT')">
-            <i class="fa fa-chevron-left" aria-hidden="true" *ngIf="showResLeftPanel"></i>
-            <i class="fa fa-chevron-right" aria-hidden="true" *ngIf="!showResLeftPanel"></i>
-        </div>
         <div *ngIf="showLeftPanel" class="contentLeft" [ngStyle]="{'width': leftContentWidth}" id="contentLeft">
+            <div *ngIf="showLeftPanel" class="hideresListContent" (click)="displayPanel('RESLEFT')">
+                <i class="fa fa-chevron-left" aria-hidden="true" *ngIf="showResLeftPanel"></i>
+                <i class="fa fa-chevron-right" aria-hidden="true" *ngIf="!showResLeftPanel"></i>
+            </div>
             <div *ngIf="headerTab == 1" class="contentShow">
                 <div *ngIf="showTopLeftPanel" class="pjDoc">
                     <div style="height:100%;">
@@ -92,12 +92,16 @@
             <div *ngIf="headerTab == 5" class="contentShow" style="width:98%;">
                 <iframe [src]="linksViewerLink | safeUrl"></iframe>
             </div>
-        </div>
-        <div class="hideLeftContent" (click)="displayPanel('LEFT')">
-            <i class="fa fa-chevron-left" aria-hidden="true" *ngIf="showLeftPanel"></i>
-            <i class="fa fa-chevron-right" aria-hidden="true" *ngIf="!showLeftPanel"></i>
+            <div class="hideRightContent">
+                <i class="fa fa-chevron-right" aria-hidden="true" *ngIf="showLeftPanel"></i>
+                <i class="fa fa-chevron-left" aria-hidden="true" *ngIf="!showLeftPanel"></i>
+            </div>
         </div>
         <div class="contentRight" id="contentRight" [ngStyle]="{'width': rightContentWidth}">
+            <div class="hideLeftContent" (click)="displayPanel('LEFT')">
+                <i class="fa fa-chevron-left" aria-hidden="true" *ngIf="showLeftPanel"></i>
+                <i class="fa fa-chevron-right" aria-hidden="true" *ngIf="!showLeftPanel"></i>
+            </div>
             <div *ngIf="signatureBook.attachments[rightSelectedThumbnail] && signatureBook.hasWorkflow" class="contentShow">
                 <div *ngIf="showTopRightPanel" class="pjDetails" (click)="displayPanel('TOPRIGHT')">
                     <div class="infoPj" title="{{signatureBook.attachments[rightSelectedThumbnail].attachment_type}}">

modules/visa/css/module.css

@@ -303,21 +303,43 @@
     overflow-y: auto;
 }
 
-.hideresListContent,.hideLeftContent{
-    display: inline-block;
-    height:100%;
-    text-align: center;
-    vertical-align: middle;
-    overflow: auto;
+.hideLeftContent{
+    position: absolute;
+    margin-left: -13px;
+    color: white;
+    top: 45%;
+    padding: 5px;
     cursor: pointer;
-    width:1%;
-    padding-top: 15%;
+    background: #009DC5;
+    border-radius:40px;
+}
+.hideRightContent{
+    position: absolute;
+    right: -10px;
+    color: white;
+    top: 45%;
+    padding: 5px;
+    cursor: pointer;
+    background: #009DC5;
+    border-radius:40px;
+}
+
+.hideresListContent{
+    position: absolute;
+    left: -4px;
+    color: white;
+    top: 45%;
+    padding: 5px;
+    cursor: pointer;
+    background: #009DC5;
+    border-radius:40px;
 }
 
 .contentLeft{
     position: relative;
     border-right: solid 1px;
     vertical-align: top;
+    padding-left: 10px;
     /*width:39%;*/
 }
 
@@ -415,7 +437,7 @@
 .pjDetailsMore{
     z-index: 1;
     position: absolute;
-    left: -14px;
+    left: 15px;
     text-align: center;
     cursor: pointer;
     background: #009DC5;