enhance: importer style tweaks

src/main/frontend/components/onboarding/index.css

@@ -174,7 +174,6 @@ body[data-page=import] {
 
                 &.importer {
                     background-color: var(--ls-tertiary-background-color);
-                    padding-top: 80px;
                     position: relative;
 
                     > section {
@@ -200,7 +199,6 @@ body[data-page=import] {
                                 width: unset;
                                 height: 80px;
                                 flex: 1;
-                                margin: 0 15px;
                                 margin-bottom: 10px;
 
                                 > span {
@@ -274,8 +272,6 @@ body[data-page=import] {
                     }
 
                     &.importer {
-                        padding-top: 150px;
-
                         > section {
                             padding: 0;
 
@@ -289,10 +285,6 @@ body[data-page=import] {
                                 padding: unset;
                             }
 
-                            &.d {
-                                padding: 40px 150px;
-                            }
-
                             &.e {
                                 position: absolute;
                                 bottom: -50px;

src/main/frontend/components/onboarding/setups.cljs

@@ -140,18 +140,19 @@
 
     (setups-container
      :importer
-     [:article.flex.flex-col.items-center.importer
+     [:article.flex.flex-col.items-center.importer.py-16.px-8
       [:section.c.text-center
        [:h1 "Do you already have notes that you want to import?"]
        [:h2 "If they are in a JSON or Markdown format Logseq can work with them."]]
       [:section.d.md:flex
-       [:label.action-input.flex.items-center
+       [:label.action-input.flex.items-center.mx-2.my-2
         {:disabled (or roam-importing? opml-importing?)}
         [:span.as-flex-center [:i (svg/roam-research 28)]]
-        [:span.flex.flex-col
+        [:div.flex.flex-col
          (if roam-importing?
            (ui/loading "Importing ...")
-           [[:strong "RoamResearch"]
+           [
+            [:strong "RoamResearch"]
             [:small "Import a JSON Export of your Roam graph"]])]
         [:input.absolute.hidden
          {:id        "import-roam"
@@ -172,7 +173,7 @@
                            (notification/show! "Please choose a JSON file."
                                                :error))))}]]
 
-       [:label.action-input.flex.items-center
+       [:label.action-input.flex.items-center.mx-2.my-2
         {:disabled (or roam-importing? opml-importing?)}
         [:span.as-flex-center (ui/icon "sitemap" {:style {:fontSize "26px"}})]
         [:span.flex.flex-col