Update the header style for mobile devices for Show LiveViews.

lib/decentralised_book_index_web/live/author_live/show.ex

@@ -6,7 +6,7 @@ defmodule DecentralisedBookIndexWeb.AuthorLive.Show do
   @impl true
   def render(assigns) do
     ~H"""
-    <.header>
+    <.header class="flex-col lg:flex-row">
       {@author.name}
 
       <:actions>

lib/decentralised_book_index_web/live/book_live/show.ex

@@ -7,7 +7,7 @@ defmodule DecentralisedBookIndexWeb.BookLive.Show do
   @impl true
   def render(assigns) do
     ~H"""
-    <.header>
+    <.header class="flex-col lg:flex-row">
       {@book.title}
       <:subtitle>
         <.authors book={@book} />

lib/decentralised_book_index_web/live/dbi_server_live/show.ex

@@ -4,7 +4,7 @@ defmodule DecentralisedBookIndexWeb.DbiServerLive.Show do
   @impl true
   def render(assigns) do
     ~H"""
-    <.header>
+    <.header class="flex-col lg:flex-row">
       {@dbi_server.name}
 
       <:actions>

lib/decentralised_book_index_web/live/publisher_live/show.ex

@@ -4,9 +4,9 @@ defmodule DecentralisedBookIndexWeb.PublisherLive.Show do
   @impl true
   def render(assigns) do
     ~H"""
-    <.header>
       Publisher {@publisher.id}
       <:subtitle>This is a publisher record from your database.</:subtitle>
+    <.header class="flex-col lg:flex-row">
 
       <:actions>
         <.link patch={~p"/publishers/#{@publisher}/edit"} phx-click={JS.push_focus()}>

lib/decentralised_book_index_web/live/user_live/show.ex

@@ -4,7 +4,7 @@ defmodule DecentralisedBookIndexWeb.UserLive.Show do
   @impl true
   def render(assigns) do
     ~H"""
-    <.header>
+    <.header class="flex-col lg:flex-row">
       {@user.email}
 
       <:actions>