chore: helper one pager join table

common/helpOnePager.md

 # Quickstart
 
-## Desktop
 
-| Action | Key |
+| Action | Desktop | Touch devices |
 | --- | --- |
-| Translate / Pan | `[drag]` any of the slice views |
-| Oblique rotation | `<shift>` + `[drag]` any of the slice views |
-| Zoom | `[mousewheel]` |
-| Zoom | `[hover]` on any slice views, `[click]` magnifier |
-| Next slice | `<ctrl>` + `[mousewheel]` |
-| Next 10 slice | `<ctrl>` + `<shift>` + `[mousewheel]` |
-| Toggle delineation | `[q]` |
+| Translate / Pan | `[drag]` any of the slice views | `[drag]` any of the slice views |
+| Oblique rotation | `<shift>` + `[drag]` any of the slice views | `[rotate]` any of the slice views |
+| Zoom | `[mousewheel]` | `[pinch zoom]` |
+| Zoom | `[hover]` on any slice views, `[click]` magnifier | `[tap]` on magnifier |
+| Next slice | `<ctrl>` + `[mousewheel]` | - |
+| Next 10 slice | `<ctrl>` + `<shift>` + `[mousewheel]` | - |
+| Toggle delineation | `[q]` | - |
 
 ---
 
-## Touch devices
 
-> You can enable touch interface by `[Portrait]` > `Settings` > `Enable Mobile UI`
-
-| Action | Key |
-| --- | --- |
-| Translate / Pan | `[drag]` any of the slice views |
-| Oblique rotation | `[rotate]` any of the slice views |
-| Zoom | `[pinch zoom]` |
-| Zoom | `[tap]` on magnifier |
+You can enable touch interface by `[Portrait]` > `Settings` > `Enable Mobile UI`
\ No newline at end of file

src/ui/topMenu/topMenuCmp/topMenu.components.ts

@@ -77,6 +77,9 @@ export class TopMenuCmp {
   }
 
   private dialogRef: MatDialogRef<any>
+  public helperOnePagerConfig = {
+    panelClass: ['col-lg-10']
+  }
 
   public openTmplWithDialog(tmpl: TemplateRef<any>, overwriteConfig?: Partial<MatDialogConfig>) {
     this.dialogRef && this.dialogRef.close()

src/ui/topMenu/topMenuCmp/topMenu.template.html

@@ -46,7 +46,7 @@
     [quick-tour-description]="quickTourData.description"
     [quick-tour-order]="quickTourData.order"
     [iav-key-listener]="keyListenerConfig"
-    (iav-key-event)="openTmplWithDialog(helperOnePager)">
+    (iav-key-event)="openTmplWithDialog(helperOnePager, helperOnePagerConfig)">
 
     <!-- signin -->
     <ng-container *ngTemplateOutlet="signinBtnTmpl">
@@ -126,7 +126,7 @@
 <ng-template #helpBtnTmpl>
 
   <div class="btnWrapper"
-    (click)="openTmplWithDialog(helperOnePager)"
+    (click)="openTmplWithDialog(helperOnePager, helperOnePagerConfig)"
     matTooltip="Quickstart">
     <iav-dynamic-mat-button
       [iav-dynamic-mat-button-style]="matBtnStyle"