enhance: clear background button icon

resources/css/common.css

@@ -844,6 +844,14 @@ i.ti {
   border-radius: 50%;
   width: 12px;
   height: 12px;
+
+  &.remove {
+    @apply border flex items-center justify-center;
+
+    font-size: 11px;
+    box-sizing: border-box;
+    border-color: var(--border-color);
+  }
 }
 
 /** endregion **/

src/main/frontend/components/content.cljs

@@ -167,7 +167,7 @@
             {:title    (t :remove-background)
              :on-click (fn [_e]
                          (editor-handler/remove-block-property! block-id "background-color"))}
-            [:div.heading-bg.border {:style {:border-color "var(--color-level-6)"}} #_(ui/icon "x")]]]]
+            [:div.heading-bg.remove (ui/icon "x")]]]]
          
          [:hr.menu-separator]