X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/65dd7ad1e91f01f3ee1250fcb18fafb4c0429463..refs/pull/4467/head:/resources/sass/_tinymce.scss

diff --git a/resources/sass/_tinymce.scss b/resources/sass/_tinymce.scss
index c4848561a..13b6f676b 100644
--- a/resources/sass/_tinymce.scss
+++ b/resources/sass/_tinymce.scss
@@ -35,6 +35,11 @@ body.page-content.mce-content-body  {
   padding-bottom: 5rem;
 }
 
+// Remove svg background line in toolbar items
+.tox .tox-pop__dialog .tox-toolbar {
+  background: transparent !important;
+}
+
 // Center toolbar items
 .tox-toolbar__primary {
   justify-content: center;
@@ -71,7 +76,7 @@ body.page-content.mce-content-body  {
 .dark-mode .tox .tox-dialog__footer,
 .dark-mode .tox .tox-pop__dialog,
 .dark-mode .tox.tox-tinymce-aux .tox-toolbar__overflow {
-    background-color: #333;
+    background-color: #333 !important;
 }
 .dark-mode .tox .tox-tbtn svg,
 .dark-mode .tox .tox-tbtn,
@@ -105,7 +110,7 @@ body.page-content.mce-content-body  {
   border-left: 3px solid currentColor !important;
 }
 .tox-menu .tox-collection__item[title^="<"] > div > div {
-  font-family: $mono !important;
+  font-family: var(--font-code) !important;
   border: 1px solid #DDD !important;
   background-color: #EEE !important;
   padding: 4px 6px !important;
@@ -117,6 +122,10 @@ body.page-content.mce-content-body  {
 /**
  * Fake task list checkboxes
  */
+.page-content.mce-content-body .task-list-item {
+  margin-left: 0;
+  position: relative;
+}
 .page-content.mce-content-body .task-list-item > input[type="checkbox"] {
   display: none;
 }
@@ -130,6 +139,9 @@ body.page-content.mce-content-body  {
   margin-right: 8px;
   vertical-align: text-top;
   cursor: pointer;
+  position: absolute;
+  left: -24px;
+  top: 4px;
 }
 
 .page-content.mce-content-body .task-list-item[checked]:before {