From b028a678f33ee5810aab89aac7ebc8a98046766d Mon Sep 17 00:00:00 2001
From: Quincy Morgan <quincy.morgan@icloud.com>
Date: Fri, 6 Dec 2019 10:26:23 -0500
Subject: [PATCH] Fix checkbox alignment and padding (close #7091)

---
 css/80_app.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/css/80_app.css b/css/80_app.css
index 44588d136..412e0bcd4 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -1862,7 +1862,7 @@ button.preset-favorite-button.active .icon {
 ------------------------------------------------------- */
 .form-field-input-check {
     display: flex;
-    align-items: end;
+    align-items: center;
     background: #fff;
     padding: 5px 10px;
     color: #7092ff;
@@ -1874,6 +1874,7 @@ button.preset-favorite-button.active .icon {
     flex: 0 1 auto;
     min-height: 20px;
     width: 20px;
+    margin-top: 0;
 }
 .form-field-input-check > span {
     flex: 1 1 auto;
@@ -1885,6 +1886,12 @@ button.preset-favorite-button.active .icon {
     border-radius: 2px;
     padding: 0px 8px;
 }
+[dir='ltr'] .form-field-input-check > .reverser.button {
+    padding-right: 2px;
+}
+[dir='rtl'] .form-field-input-check > .reverser.button {
+    padding-left: 2px;
+}
 .form-field-input-check > .reverser.button.hide {
     display: none;
 }