Enhancement: larger documents in rotate / split dialogs

diff --git a/src-ui/src/app/components/common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component.html b/src-ui/src/app/components/common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component.html
index 8a6eacef46bfe679fa0be1a04f10e2ab6a58523f..00e8996d02cd037f2110279cecffaa7935d73f92 100644 (file)
--- a/src-ui/src/app/components/common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component.html
+++ b/src-ui/src/app/components/common/confirm-dialog/rotate-confirm-dialog/rotate-confirm-dialog.component.html
@@ -12,7 +12,7 @@
         </div>
         <div class="col-8 d-flex align-items-center">
             @if (documentID) {
-                <img class="w-50 m-auto" [ngStyle]="{'transform': 'rotate('+rotation+'deg)'}" [src]="documentService.getThumbUrl(documentID)" />
+                <img class="w-75 m-auto" [ngStyle]="{'transform': 'rotate('+rotation+'deg)'}" [src]="documentService.getThumbUrl(documentID)" />
             }
         </div>
         <div class="col-2 d-flex">

diff --git a/src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.html b/src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.html
index 36bd7796d7d03b9ff30b7fbef69e48da52dacdcc..a0f7795ff11ead370d175e5a7d39b3ee7a61cde1 100644 (file)
--- a/src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.html
+++ b/src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.html
@@ -6,7 +6,7 @@
 <div class="modal-body">
     <p>{{message}}</p>
     <div class="row mb-2">
-        <div class="col-6">
+        <div class="col-8">
             <div class="input-group input-group-sm">
                 <div class="input-group-text" i18n>Page</div>
                 <input class="form-control" type="number" min="1" [(ngModel)]="page" />
@@ -21,9 +21,9 @@
                 </pngx-pdf-viewer>
             </div>
         </div>
-        <div class="col-6">
+        <div class="col-4">
             <div class="d-grid">
-                <button class="btn btn-sm btn-primary" (click)="addSplit()">
+                <button class="btn btn-sm btn-primary" (click)="addSplit()" [disabled]="page === totalPages">
                     <i-bs name="plus-circle"></i-bs>&nbsp;
                     <span i18n>Add Split</span>
                 </button>
@@ -31,11 +31,11 @@
 
             <ul class="list-group mt-3">
                 @for (pageStr of pagesString.split(','); track pageStr; let i = $index) {
-                    <li class="list-group-item">
+                    <li class="list-group-item d-flex align-items-center">
                         {{pageStr}}
                         @if (pagesString.split(',').length > 1) {
                             &nbsp;
-                            <button class="btn btn-sm btn-danger" (click)="removeSplit(i)">
+                            <button class="btn btn-sm btn-danger ms-auto" (click)="removeSplit(i)">
                                 <i-bs name="trash"></i-bs>
                             </button>
                         }

diff --git a/src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.scss b/src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.scss
index c2fc99d55bf057425feda0984ce190d9921ad797..0f9feacc1662918ed6e4338f10ba450d7dae58d0 100644 (file)
--- a/src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.scss
+++ b/src-ui/src/app/components/common/confirm-dialog/split-confirm-dialog/split-confirm-dialog.component.scss
@@ -1,6 +1,6 @@
 .pdf-viewer-container {
     background-color: gray;
-    height: 300px;
+    height: 350px;
 
     pngx-pdf-viewer {
       width: 100%;