From c6bdc813761779e55e9c0b639d257156b758eabf Mon Sep 17 00:00:00 2001
From: Frank Li <frankli1@fb.com>
Date: Mon, 17 Jul 2017 11:46:35 -0700
Subject: [PATCH 1/2] Add Recent Posts button at bottom of blog posts

---
 lib/core/BlogPostLayout.js |  8 ++++++++
 lib/static/css/main.css    | 11 +++++++++++
 2 files changed, 19 insertions(+)

diff --git a/lib/core/BlogPostLayout.js b/lib/core/BlogPostLayout.js
index fe713e4030..f6d34d9c15 100644
--- a/lib/core/BlogPostLayout.js
+++ b/lib/core/BlogPostLayout.js
@@ -40,6 +40,14 @@ class BlogPostLayout extends React.Component {
                 config={this.props.config}
               />
             </div>
+            <div className="blog-recent-bar">
+              <a
+                className="blog-recent button"
+                href={this.props.config.baseUrl + "blog"}
+              >
+                Recent Posts
+              </a>
+            </div>
           </Container>
         </div>
       </Site>
diff --git a/lib/static/css/main.css b/lib/static/css/main.css
index 3fbe2e6a23..6018b9c308 100644
--- a/lib/static/css/main.css
+++ b/lib/static/css/main.css
@@ -1554,6 +1554,17 @@ table tr th {
   overflow: hidden;
   width: 70px;
 }
+.blog-recent-bar {
+  margin: 20px 0;
+}
+.blog-recent {
+  float: left;
+}
+@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
+  .blog-recent-bar {
+    height: 40px;
+  }
+}
 
 .header-link {
   position: absolute;

From de088ce3767a23ad6edb56d49fe4a75754cb23ee Mon Sep 17 00:00:00 2001
From: Frank Li <frankli1@fb.com>
Date: Mon, 17 Jul 2017 16:18:14 -0700
Subject: [PATCH 2/2] Update css blog button styles

---
 lib/core/BlogPostLayout.js | 4 ++--
 lib/static/css/main.css    | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/core/BlogPostLayout.js b/lib/core/BlogPostLayout.js
index f6d34d9c15..6053eba35c 100644
--- a/lib/core/BlogPostLayout.js
+++ b/lib/core/BlogPostLayout.js
@@ -40,9 +40,9 @@ class BlogPostLayout extends React.Component {
                 config={this.props.config}
               />
             </div>
-            <div className="blog-recent-bar">
+            <div className="blog-recent">
               <a
-                className="blog-recent button"
+                className="button"
                 href={this.props.config.baseUrl + "blog"}
               >
                 Recent Posts
diff --git a/lib/static/css/main.css b/lib/static/css/main.css
index 6018b9c308..f53f1a6fa7 100644
--- a/lib/static/css/main.css
+++ b/lib/static/css/main.css
@@ -1554,14 +1554,14 @@ table tr th {
   overflow: hidden;
   width: 70px;
 }
-.blog-recent-bar {
+.blog-recent {
   margin: 20px 0;
 }
-.blog-recent {
+.blog-recent > a {
   float: left;
 }
 @media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
-  .blog-recent-bar {
+  .blog-recent {
     height: 40px;
   }
 }