From 5d1ae6539eccc678556833fa4a681ec32dfc110f Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Wed, 8 Nov 2023 14:11:24 -0600
Subject: [PATCH] Website: Update edit page button on article pages (#15034)

Closes: #15020

Changes:
- Updated the "edit page" button on article pages to prevent line breaks
on Firefox v103.
---
 website/views/pages/articles/basic-article.ejs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/views/pages/articles/basic-article.ejs b/website/views/pages/articles/basic-article.ejs
index 26afa77e55..49bfca4530 100644
--- a/website/views/pages/articles/basic-article.ejs
+++ b/website/views/pages/articles/basic-article.ejs
@@ -4,16 +4,16 @@
       <h1><%=thisPage.meta.articleTitle %></h1>
       <h2 v-if="articleHasSubtitle && articleSubtitle !== undefined">{{articleSubtitle}}</h2>
     </div>
-    <div class="d-flex flex-sm-row flex-column justify-content-between">
+    <div class="d-flex flex-sm-row flex-column justify-content-between align-items-sm-center">
       <div purpose="article-details" class="d-flex flex-row align-items-center">
       <span><js-timestamp format="billing" :at="thisPage.meta.publishedOn"></js-timestamp></span>
       <span class="px-2">|</span>
       <img style="height: 28px; width: 28px; border-radius: 100%;" alt="The author's GitHub profile picture" :src="'https://github.com/'+thisPage.meta.authorGitHubUsername+'.png?size=200'">
       <p class="pl-2 font-weight-bold"><%=thisPage.meta.authorFullName %></p>
       </div>
-      <div class="d-flex flex-row align-items-center pt-3 pt-sm-1">
+      <div class="d-flex flex-row align-items-center justify-content-sm-end pt-3 pt-sm-1">
       <a purpose="rss-button" target="_blank" :href="'/rss/'+articleCategorySlug"><span>Subscribe</span></a>
-      <a purpose="edit-button" class="d-flex flex-row align-items-center" target="_blank" :href="'https://github.com/fleetdm/fleet/edit/main/articles/'+thisPage.sectionRelativeRepoPath"><img alt="A pencil icon" src="/images/pencil-16x16@2x.png">Edit page</a>
+      <a purpose="edit-button" class="d-flex flex-row align-items-center text-nowrap" target="_blank" :href="'https://github.com/fleetdm/fleet/edit/main/articles/'+thisPage.sectionRelativeRepoPath"><img alt="A pencil icon" src="/images/pencil-16x16@2x.png">Edit page</a>
       </div>
     </div>
     <div purpose="article-content" class="d-flex flex-column" parasails-has-no-page-script>