From 14b410cb39b911ccfc59f1141394aeba4121fb68 Mon Sep 17 00:00:00 2001
From: Rembrandt Reyes <reyes.rembrandt@gmail.com>
Date: Fri, 10 Jul 2020 08:54:57 -0700
Subject: [PATCH] Article page: edit and manage button spacing (#9230)

---
 .../javascripts/initializers/initializeBaseUserData.js    | 2 +-
 app/views/articles/show.html.erb                          | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/initializers/initializeBaseUserData.js b/app/assets/javascripts/initializers/initializeBaseUserData.js
index 9fb7ad218..777f8e6af 100644
--- a/app/assets/javascripts/initializers/initializeBaseUserData.js
+++ b/app/assets/javascripts/initializers/initializeBaseUserData.js
@@ -42,7 +42,7 @@ function addRelevantButtonsToArticle(user) {
   if (articleContainer) {
     if (parseInt(articleContainer.dataset.authorId, 10) === user.id) {
       let actions = [
-        `<a class="crayons-btn crayons-btn--s crayons-btn--secondary ml-1" href="${articleContainer.dataset.path}/edit" rel="nofollow">Edit</a>`,
+        `<a class="crayons-btn crayons-btn--s crayons-btn--secondary" href="${articleContainer.dataset.path}/edit" rel="nofollow">Edit</a>`,
       ];
       if (JSON.parse(articleContainer.dataset.published) === true) {
         actions.push(
diff --git a/app/views/articles/show.html.erb b/app/views/articles/show.html.erb
index e235cab52..99c3a453c 100644
--- a/app/views/articles/show.html.erb
+++ b/app/views/articles/show.html.erb
@@ -145,12 +145,12 @@
             <% end %>
 
             <div class="crayons-article__subheader">
-              <a href="/<%= @user.username %>" class="flex items-center mr-4 fw-medium crayons-link">
+              <a href="/<%= @user.username %>" class="flex items-center mr-4 mb-4 s:mb-0 fw-medium crayons-link">
                 <span class="crayons-avatar crayons-avatar--l mr-2"><img class="crayons-avatar__image" src="<%= ProfileImage.new(@user).get(width: 50) %>" alt="<%= @user.username %> profile image" /></span>
                 <%= @user.name %>
               </a>
 
-              <span class="fs-s">
+              <span class="fs-s mb-4 s:mb-0">
                 <% if @article.published_timestamp.present? %>
                   <time datetime="<%= @article.published_timestamp %>"><%= @article.readable_publish_date %></time>
                 <% end %>
@@ -174,9 +174,9 @@
                   </em>
                 <% end %>
 
-                <span class="mr-2">・<%= @article.reading_time < 1 ? 1 : @article.reading_time %> min read</span>
+                <span class="mr-4">・<%= @article.reading_time < 1 ? 1 : @article.reading_time %> min read</span>
               </span>
-              <span id="action-space"></span>
+              <span id="action-space" class="mb-4 s:mb-0"></span>
             </div>
 
           </div>