chore: Improves show post page style

Author: rogerpinho

assets/css/app.css

@@ -4,4 +4,8 @@
 
 .post-body h2 {
   @apply text-2xl mt-8 mb-6 font-bold;
+}
+
+.post-body p {
+  @apply text-xl leading-7 my-4;
 }

lib/brasil_em_dados_web/live/blog_live/index.html.heex

@@ -1,4 +1,4 @@
-<section class="text-gray-600 body-font">
+<section class="text-gray-600">
   <div class="container px-5  mx-auto">
     <div id="posts" class="flex flex-wrap -m-3">
       <%= for post <- @posts do %>

lib/brasil_em_dados_web/live/blog_live/show.html.heex

@@ -1,20 +1,20 @@
 <article id="post" class="container mx-auto flex">
   <div class="w-full px-5 md:w-8/12 mx-auto">
     <div class="mt-8 mb-4">
-      <h1 class="text-4xl font-bold mb-1">
+      <h1 class="text-4xl font-bold mb-4">
         <%= @post.title %>
       </h1>
-      <div class="text-sm opacity-75">
+      <div class="text-sm opacity-75 mb-8">
        <%= "#{@post.inserted_at.day}/#{@post.inserted_at.month}/#{@post.inserted_at.year}" %> · Roger Pinho
        <%= if @post.tags != [] do %>
         <%= for tag <- @post.tags do %>
          <%= live_redirect class: "inline-block py-1 px-2 rounded bg-#{tag.color}-50 uppercase text-#{tag.color}-500 text-xs font-medium tracking-widest", to: Routes.blog_tag_path(@socket, :index, tag.name) do %><%= tag.name %><% end %>
         <% end %>
         <% end %>
     </div>
-    <div class="post-body text-lg leading-7 mb-5">
+    <div class="post-body mb-5">
       <%= raw(@post.body_html) %>
     </div>
   </div>
-</div>
+  </div>
 </article>