3 files changed, 9 insertions, 1 deletions
diff --git a/srs-anywhere.css b/srs-anywhere.css
index 78e6e2d..e9ae211 100644
--- a/srs-anywhere.css
+++ b/srs-anywhere.css
@@ -11,7 +11,7 @@ body {
     display: none;
     justify-content: center;
     gap: 1rem;
-    padding: 1rem;
+    padding-top: 1rem;
     background-color: #f5f5f5;
     position: fixed;
     bottom: 0;
diff --git a/srs-anywhere.html b/srs-anywhere.html
index 83b7633..3c1236c 100644
--- a/srs-anywhere.html
+++ b/srs-anywhere.html
@@ -25,6 +25,7 @@
       </div>
       <hr>
       <input type="file" id="cards-input" accept=".json" />
+      <button id="bail-button">Bail</button>
       <button id="open-modal">?</button>
       <br />
       <label for="cram">Cram mode?  <input type="checkbox" id="cram-mode-checkbox"></label>
diff --git a/srs-anywhere.js b/srs-anywhere.js
index 8e0af3b..dce9386 100644
--- a/srs-anywhere.js
+++ b/srs-anywhere.js
@@ -386,6 +386,13 @@ function loadCards(data) {
   document.getElementById('rating-button-easy')
     .addEventListener('click', () => rateCard('easy'));
 
+  const bailBtn = document.getElementById('bail-button');
+  if (bailBtn) {
+    bailBtn.addEventListener('click', () => {
+      endReview();
+    });
+  }
+
   const maxCards = SRS_ANYWHERE_CONFIG.maxCardsPerSession;
   if (maxCards !== null && maxCards > 0) {
     window.maxCards = maxCards;