From 87821104f94906987b708fc93ba7cfd617ced52b Mon Sep 17 00:00:00 2001
From: Yangshun Tay <tay.yang.shun@gmail.com>
Date: Fri, 11 Oct 2019 21:42:37 -0700
Subject: [PATCH] fix(v2): address docs nits

---
 .../src/theme/DocItem/index.js                 | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/packages/docusaurus-theme-classic/src/theme/DocItem/index.js b/packages/docusaurus-theme-classic/src/theme/DocItem/index.js
index a1234f0730..3e808adccf 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocItem/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/DocItem/index.js
@@ -99,7 +99,7 @@ function DocItem(props) {
                               viewBox="0 0 40 40"
                               style={{
                                 marginRight: '0.3em',
-                                verticalAlign: 'middle',
+                                verticalAlign: 'sub',
                               }}>
                               <g>
                                 <path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z" />
@@ -117,9 +117,11 @@ function DocItem(props) {
                               {lastUpdatedAt && (
                                 <>
                                   on{' '}
-                                  {new Date(
-                                    lastUpdatedAt * 1000,
-                                  ).toLocaleDateString()}
+                                  <strong>
+                                    {new Date(
+                                      lastUpdatedAt * 1000,
+                                    ).toLocaleDateString()}
+                                  </strong>
                                   {lastUpdatedBy && ' '}
                                 </>
                               )}
@@ -128,6 +130,14 @@ function DocItem(props) {
                                   by <strong>{lastUpdatedBy}</strong>
                                 </>
                               )}
+                              {process.env.NODE_ENV === 'development' && (
+                                <div>
+                                  <small>
+                                    {' '}
+                                    (Simulated during dev for better perf)
+                                  </small>
+                                </div>
+                              )}
                             </small>
                           </em>
                         </div>