fix: mobile style issue on warning

src/main/frontend/components/header.cljs

@@ -199,8 +199,6 @@
              {:on-click #(state/pub-event! [:go/search])}
              (ui/icon "search" {:style {:fontSize 20}})]))]
 
-       (widgets/demo-graph-alert)
-
        [:div.r.flex
         (when (and
                 (not (mobile-util/is-native-platform?))

src/main/frontend/components/sidebar.cljs

@@ -30,7 +30,8 @@
             [goog.object :as gobj]
             [rum.core :as rum]
             [frontend.extensions.srs :as srs]
-            [frontend.extensions.pdf.assets :as pdf-assets]))
+            [frontend.extensions.pdf.assets :as pdf-assets]
+            [frontend.components.widgets :as widgets]))
 
 (defn nav-item
   [title href svg-d active? close-modal-fn]
@@ -301,6 +302,8 @@
          {:data-is-global-graph-pages global-graph-pages?
           :data-is-full-width         (or global-graph-pages?
                                           (contains? #{:all-files :all-pages :my-publishing} route-name))}
+         (widgets/demo-graph-alert)
+
          (cond
            (not indexeddb-support?)
            nil

src/main/frontend/components/widgets.cljs

@@ -138,9 +138,6 @@
   []
   (when (and (config/demo-graph?)
              (not config/publishing?))
-    [:div.flex.flex-row.admonitionblock.align-items
-     [:div.flex.flex-col.justify-center
-      (ui/icon "alert-triangle" {:style {:fontSize 20
-                                         :color "red"}})]
-     [:div.ml-1
-      [:p "(Demo graph) Changes will not be saved until you open a local folder"]]]))
+    (ui/admonition
+     :warning
+     [:p "This is a demo graph, changes will not be saved until you open a local folder."])))