From 231ead27df72d98f2a06fb7914ec433adc6aa5f9 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde@tlon.io>
Date: Wed, 12 Feb 2020 20:57:48 -0500
Subject: [PATCH] publish: add mobile back nav to notebook.js

---
 pkg/interface/publish/src/js/components/lib/notebook.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/pkg/interface/publish/src/js/components/lib/notebook.js b/pkg/interface/publish/src/js/components/lib/notebook.js
index 26934488bf..b37efd6f90 100644
--- a/pkg/interface/publish/src/js/components/lib/notebook.js
+++ b/pkg/interface/publish/src/js/components/lib/notebook.js
@@ -156,6 +156,9 @@ export class Notebook extends Component {
           popout={props.popout}
           sidebarShown={props.sidebarShown}
         />
+        <div className="w-100 dn-m dn-l dn-xl inter pt4 pb6 f9">
+          <Link to="/~publish">{"<- All Notebooks"}</Link>
+        </div>
         <Link
         className={"dn absolute right-1 top-1 " + hiddenOnPopout}
         to={popoutHref}
@@ -167,14 +170,14 @@ export class Notebook extends Component {
           />
         </Link>
         <div
-          className="h-100 overflow-container no-scrollbar"
+          className="h-100 pt0 pt8-m pt8-l pt8-xl overflow-container no-scrollbar"
           onScroll={this.onScroll}
           ref={el => {
             this.scrollElement = el;
           }}>
           <div
             className="flex justify-between"
-            style={{ marginTop: 56, marginBottom: 32 }}>
+            style={{ marginBottom: 32 }}>
             <div className="flex-col">
               <div className="mb1">{notebook.title}</div>
               <span>