UI - Add space around checkbox operation buttons so they work better in mobile #2393

6 months ago · bce02f9c82
parent 76ffc3e891
commit bce02f9c82
2 changed files with 9 additions and 0 deletions
--- 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 {
--- 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; }