Merge pull request #311 from joyofrails/chore/style-consistency-updates

Style consistency updates

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/javascript/css/components/poll.css

@@ -10,10 +10,10 @@
     border-radius: 0.375rem;
     font-size: var(--step--1);
     font-weight: 700;
+    border: 1px solid transparent;
   }
 
   & .bar {
-    border: 1px solid transparent;
     background-color: var(--joy-poll-result-default);
     position: absolute;
     top: 0;

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

app/views/searches/combobox.rb

@@ -35,7 +35,7 @@ def view_template
           } do |f|
           div(class: "flex items-center flex-row pl-2 col-gap-xs") do
             svg_tag "icons/search.svg", class: "w-[32px] fill-current text-theme"
-            label(for: "query", class: "sr-only") { "Query" }
+            label(for: combobox_dom_id, class: "sr-only") { "Query" }
             whitespace
             plain f.search_field :query,
               value: query,

app/views/share/polls/results.rb

@@ -20,7 +20,7 @@ def view_template
           end
 
           div(class: "p-2") do
-            p(class: "text-small font-extrabold") { pluralize question.votes_count, "vote" }
+            p(class: "text-small text-theme") { pluralize question.votes_count, "vote" }
           end
         end
       end