From bce02f9c82d2267a9b2bcbf8fd0be066250a7a9a Mon Sep 17 00:00:00 2001
From: dgtlmoon <dgtlmoon@gmail.com>
Date: Thu, 13 Jun 2024 13:22:31 +0200
Subject: [PATCH] UI - Add space around checkbox operation buttons so they work
 better in mobile #2393

---
 changedetectionio/static/styles/scss/styles.scss | 5 +++++
 changedetectionio/static/styles/styles.css       | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/changedetectionio/static/styles/scss/styles.scss b/changedetectionio/static/styles/scss/styles.scss
index 1c1e8b5b..0b93f74e 100644
--- a/changedetectionio/static/styles/scss/styles.scss
+++ b/changedetectionio/static/styles/scss/styles.scss
@@ -1021,6 +1021,11 @@ ul {
   border-radius: 10px;
   margin-bottom: 1em;
   display: none;
+  button {
+    /* some space if they wrap the page */
+    margin-bottom: 3px;
+    margin-top: 3px;
+  }
 }
 
 .checkbox-uuid {
diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css
index b09d5599..a20211b5 100644
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@@ -1127,6 +1127,10 @@ ul {
   border-radius: 10px;
   margin-bottom: 1em;
   display: none; }
+  #checkbox-operations button {
+    /* some space if they wrap the page */
+    margin-bottom: 3px;
+    margin-top: 3px; }
 
 .checkbox-uuid > * {
   vertical-align: middle; }