feat: Adjust keyboard shortcut dialog divider position

Fixes an issue with the keyboard shortcut dialog by shifting the divider upwards.This change improves the appearance and usability of the dialog

- The divider position is now adjusted for better alignment.
- Resolves visual discrepancies and enhances overall user experience.

Fixes: #1956
This commit is contained in:
Vikash Prem Sharma
2024-02-12 18:41:49 +01:00
committed by Adam Saghy
parent 467d57bc75
commit 4f3faa091f
@@ -3,6 +3,7 @@
<div mat-dialog-content> <div mat-dialog-content>
<div fxLayout="column" fxLayoutGap="2%"> <div fxLayout="column" fxLayoutGap="2%">
<ng-container *ngFor="let item of buttonConfig.buttonCombinations"> <ng-container *ngFor="let item of buttonConfig.buttonCombinations">
<mat-divider [inset]="true"></mat-divider>
<div fxFlexFill fxFlex="50%"> <div fxFlexFill fxFlex="50%">
<span fxFlex="50%"> <span fxFlex="50%">
<span *ngIf="item.ctrlKey"> <span class="modifierKey">{{ 'labels.inputs.Ctrl' | translate }}</span> + </span> <span *ngIf="item.ctrlKey"> <span class="modifierKey">{{ 'labels.inputs.Ctrl' | translate }}</span> + </span>
@@ -12,7 +13,6 @@
</span> </span>
<span fxFlex="50%">{{ item.title }}</span> <span fxFlex="50%">{{ item.title }}</span>
</div> </div>
<mat-divider [inset]="true"></mat-divider>
</ng-container> </ng-container>
</div> </div>
</div> </div>