Improve detail view on small screens

modules/webapp/src/main/elm/Page/ItemDetail/View2.elm

@@ -54,6 +54,7 @@ viewSidebar texts visible flags settings model =
                 ]
             , end = []
             , rootClasses = "text-sm mb-3 "
+            , sticky = True
             }
         , Html.map ItemDetailMsg
             (Comp.ItemDetail.EditForm.view2 texts.editForm flags settings model.detail)

modules/webapp/src/main/elm/Page/Search/SideMenu.elm

@@ -49,6 +49,7 @@ view texts flags settings model =
                 ]
             , start = []
             , rootClasses = "text-sm w-full bg-blue-50 pt-2 hidden"
+            , sticky = True
             }
         , div [ class "flex flex-col" ]
             (case model.viewMode of
@@ -81,6 +82,7 @@ viewSearch texts flags settings model =
             ]
         , end = []
         , rootClasses = "my-1 text-xs hidden sm:flex"
+        , sticky = True
         }
     , let
         searchMenuCfg =
@@ -140,6 +142,7 @@ viewEditMenu texts flags svm settings =
             ]
         , end = []
         , rootClasses = "mt-2 text-sm"
+        , sticky = True
         }
     , Html.map EditMenuMsg
         (Comp.ItemDetail.MultiEditMenu.view2

modules/webapp/src/main/elm/Page/Search/View2.elm

@@ -424,6 +424,7 @@ defaultMenuBar texts flags settings model =
                 }
             ]
         , rootClasses = "mb-2 pt-1 dark:bg-slate-700 items-center text-sm"
+        , sticky = True
         }
 
 
@@ -551,6 +552,7 @@ editMenuBar texts model svm =
                 }
             ]
         , rootClasses = "mb-2 pt-2 sticky top-0 text-sm"
+        , sticky = True
         }
 
 

modules/webapp/src/main/elm/Page/Share/Menubar.elm

@@ -151,4 +151,5 @@ view texts flags model =
                 }
             ]
         , rootClasses = "mb-2 pt-1 dark:bg-slate-700 items-center text-sm"
+        , sticky = True
         }