From f4489ca2e7d159a4f3f10b040dc4c42670eb1f5e Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 23 Apr 2024 00:49:20 -0700
Subject: [PATCH] Enhancement: larger documents in rotate / split dialogs

---
 .../rotate-confirm-dialog.component.html               |  2 +-
 .../split-confirm-dialog.component.html                | 10 +++++-----
 .../split-confirm-dialog.component.scss                |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

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 8a6eacef4..00e8996d0 100644
--- 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 36bd7796d..a0f7795ff 100644
--- 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 c2fc99d55..0f9feacc1 100644
--- 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%;