enhance(ui): icons from the page title

src/main/frontend/common.css

@@ -336,7 +336,7 @@ i.ti {
 
 /* region FIXME: override elements (?) */
 h1.title, h1.title input {
-  @apply mb-4 font-medium;
+  @apply font-medium;
 
   color: var(--lx-gray-12, var(--ls-title-text-color, hsl(var(--foreground))));
   font-size: var(--ls-page-title-size, 32px);

src/main/frontend/components/page.cljs

@@ -334,7 +334,8 @@
            {:on-mouse-over #(reset! *hover? true)
             :on-mouse-out #(reset! *hover? false)}
            (when icon
-             [:div.page-icon {:on-mouse-down util/stop-propagation}
+             [:div.page-icon
+              {:on-mouse-down util/stop-propagation}
               (if (and (map? icon) db-based?)
                 (icon-component/icon-picker icon
                   {:on-chosen (fn [_e icon]

src/main/frontend/components/page.css

@@ -238,10 +238,6 @@
     margin-bottom: 12px;
   }
 
-  h1.page-title {
-    margin-bottom: 0;
-  }
-
   .edit-input {
     @apply w-full border-0 p-0 pr-1 bg-transparent outline-0;
 
@@ -257,7 +253,11 @@
   }
 
   .page-icon {
-      font-size: 48px;
+    @apply font-[48px] leading-none;
+
+    .ui__button {
+      @apply !h-auto mb-[-3px];
+    }
   }
 }