Show sub-headers in single row on md screens

cruessler · Jan 28, 2024 · c202fa3 · c202fa3
1 parent 31d8185
commit c202fa3
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/assets/elm/app/Feeds/View.elm b/assets/elm/app/Feeds/View.elm
@@ -208,17 +208,22 @@ viewFeed model feed =
  ]
 
  actions =
- H.div [ A.class "flex justify-end mt-1 space-x-4" ]
+ H.div [ A.class "md:shrink-0 flex self-start justify-end mt-1 ml-auto space-x-4" ]
  (List.concat
  [ removeAction
  , [ H.button [ A.class "px-4 py-2 text-sm font-extrabold bg-blue-700 text-white", E.onClick (MarkFeedAsRead feed) ] [ H.text "Mark as read" ] ]
  ]
  )
 
+ subHeader =
+ H.div [ A.class "flex flex-col md:flex-row" ]
+ [ additionalInfo model.timezone feed
+ , actions
+ ]
+
  children =
  [ H.h1 [ A.class "mb-2 font-bold", E.onClick (ToggleFeed feed) ] [ H.text <| Feed.title feed ]
- , additionalInfo model.timezone feed
- , actions
+ , subHeader
  , feed_
  ]
  in