fix: fixes rendering of "Last updated/time to read" in doc pages

stjudecloud · Feb 8, 2021 · 9277b65 · 9277b65 · github-actions · Feb 8, 2021
1 parent afa804b
commit 9277b65
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/src/components/docs/header/contributors.js b/src/components/docs/header/contributors.js
@@ -3,7 +3,7 @@ import { PropTypes } from "prop-types"
 
 const ContributorsBlock = ({ contributors }) => {
   return (
-    <div className="flex">
+    <div className="flex mt-3">
       {contributors.map(e => (
         <a
           key={e.login}

diff --git a/src/components/docs/header/index.js b/src/components/docs/header/index.js
@@ -20,17 +20,18 @@ const DocsHeader = ({ title, timeToRead, contributors, commits }) => {
   return (
     <div id="docs-header" className="content mt-20 xl:mt-16 mb-8">
       <h1 style={{ marginBottom: "5px" }}>{title}</h1>
-      <div className="flex italic" style={{ marginBottom: "15px" }}>
+      <span className="italic">
         {latestCommit && (
-          <span>
+          <>
+            {" "}
             Last updated: {moment(latestCommitDate).fromNow()} (
             <Link to="#page-history">view history</Link>)
-          </span>
+          </>
         )}
-        <span>
-          {latestCommit && <span>{`, `}</span>} Time to read: {timeToRead} mins
-        </span>
-      </div>
+        <>
+          {latestCommit && <>{`, `}</>} Time to read: {timeToRead} mins
+        </>
+      </span>
       {contributors && <ContributorsBlock contributors={contributors} />}
     </div>
   )