Improve style consistency between page summary and header

Author: rossta

app/content/layouts/article.html.erb

@@ -18,14 +18,12 @@
     <%= render Pages::Header::Container.new do |c| %>
       <%= c.title { page.title } %>
       <%= c.description { page.description } if page.description %>
-      <div class="flex flex-col lg:flex-row justify-between">
-        <%= render Pages::Timestamp.new published_on: page.published_on, updated_on: page.revised_on, class: "text-small" %>
-        <span class="text-small">
-          <% topics = @page.topics.approved.pluck(:slug) %>
-          <% if topics.present? %>
-            <%= render Pages::Topics.new(topics: topics) %>
-          <% end %>
-        </span>
+      <%= render Pages::Timestamp.new published_on: page.published_on, updated_on: page.revised_on, class: "text-small block" %>
+      <div class="text-small">
+        <% topics = @page.topics.approved.pluck(:slug) %>
+        <% if topics.present? %>
+          <%= render Pages::Topics.new(topics: topics) %>
+        <% end %>
       </div>
     <% end %>
     <div class="article-content container" itemprop="articleBody">

app/views/components/pages/summary.rb

@@ -45,10 +45,10 @@ def content(**)
         end
         p(class: "description") { description } if description
         if published_on
-          render Pages::Timestamp.new published_on: published_on, class: "block"
+          render Pages::Timestamp.new published_on: published_on, class: "text-small block"
         end
-        a(href: request_path, class: "block uppercase strong") do
-          small { "Read now" }
+        a(href: request_path, class: "block uppercase text-small") do
+          "Read now"
         end
       end
     end