From fade2532fcf1236ddf29e43650d7bbb82499c611 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <skylar@netsyms.com>
Date: Fri, 2 Jul 2021 00:21:21 -0600
Subject: [PATCH] Add cancel button for stamp tools, add append page button,
 make toolbar nicer

---
 index.html | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 78bccbd..8381d27 100644
--- a/index.html
+++ b/index.html
@@ -112,13 +112,23 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 </ul>
 <div class="card">
     <div class="card-body">
-        <div class="btn btn-primary d-inline" onclick="pdfZoom('fitheight');"><i class="fas fa-arrows-alt-v"></i> Fit Height</div>
-        <div class="btn btn-primary d-inline" onclick="pdfZoom('fitwidth');"><i class="fas fa-arrows-alt-h"></i> Fit Width</div>
-        <div class="btn btn-primary d-inline" onclick="pdfZoom('out');"><i class="fas fa-search-minus"></i> Zoom Out</div>
-        <div class="btn btn-primary d-inline" onclick="pdfZoom('in');"><i class="fas fa-search-plus"></i> Zoom In</div>
-        <div class="btn btn-primary d-inline ms-4" onclick="activateStampDrawTool()"><i class="fas fa-stamp"></i> Stamp/Seal</div>
-        <div class="btn btn-primary d-inline" onclick="activateClientSignaturePad()"><i class="fas fa-file-signature"></i> Sign (Client)</div>
-        <div class="btn btn-primary d-inline" onclick="activateNotarySignatureTool()"><i class="fas fa-signature"></i> Sign (Notary)</div>
+        <div class="btn-toolbar" role="toolbar">
+            <div class="btn-group me-2" role="group" aria-label="First group">
+                <div class="btn btn-primary d-inline-block" onclick="pdfZoom('fitheight');"><i class="fas fa-arrows-alt-v"></i> Fit Height</div>
+                <div class="btn btn-primary d-inline-block" onclick="pdfZoom('fitwidth');"><i class="fas fa-arrows-alt-h"></i> Fit Width</div>
+                <div class="btn btn-primary d-inline-block" onclick="pdfZoom('out');"><i class="fas fa-search-minus"></i> Zoom Out</div>
+                <div class="btn btn-primary d-inline-block" onclick="pdfZoom('in');"><i class="fas fa-search-plus"></i> Zoom In</div>
+            </div>
+            <div class="btn-group me-2" role="group" aria-label="Second group">
+                <div class="btn btn-primary d-inline-block ms-4" onclick="activateStampDrawTool()"><i class="fas fa-stamp"></i> Stamp/Seal</div>
+                <div class="btn btn-primary d-inline-block" onclick="activateClientSignaturePad()"><i class="fas fa-file-signature"></i> Sign (Client)</div>
+                <div class="btn btn-primary d-inline-block" onclick="activateNotarySignatureTool()"><i class="fas fa-signature"></i> Sign (Notary)</div>
+                <div class="btn btn-primary d-inline-block" onclick="disableGuideBox()">Cancel</div>
+            </div>
+            <div class="btn-group" role="group" aria-label="Third group">
+                <div class="btn btn-primary d-inline-block ms-4" onclick="addPage()"><i class="fas fa-plus"></i> Append Blank Page</div>
+            </div>
+        </div>
     </div>
     <div class="card-body" id="page-canvas-container">
         <canvas id="placementguidebox" width="1000" height="1000"></canvas>