From 62c2329aee75c3d48560d6e7252234153ae813bb Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Tue, 31 Dec 2019 17:34:22 +0300
Subject: [PATCH 1/3] more paddings and margins for mobile devices

---
 frontend/src/Documents/Docs.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Documents/Docs.scss b/frontend/src/Documents/Docs.scss
index 4fd314c..5976a83 100644
--- a/frontend/src/Documents/Docs.scss
+++ b/frontend/src/Documents/Docs.scss
@@ -13,6 +13,7 @@
     }
 
     .section {
+        padding: 1rem;
         width: 100%;
     }
 
@@ -22,6 +23,11 @@
         flex-grow: 0;
         flex-wrap: wrap;
 
+        // 400px is the minimal width for 2 cards to fit
+        @media (max-width: 400px) {
+            justify-content: center;
+        }
+
         .card {
             transition: 0.3s;
             user-select: none;
@@ -81,13 +87,14 @@
         align-content: baseline;
 
         h1 {
-            margin-left: 0;
+            margin-left: 1rem;
             margin-right: auto;
             min-width: 0;
             flex-grow: 1;
         }
 
         input {
+            margin-left: 1rem;
             transition: 0.3s;
             font-weight: 600;
             font-size: 2rem;

From a201a354f3a0ad101c7b0d7d84075cdf660cbe7a Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Tue, 31 Dec 2019 17:59:32 +0300
Subject: [PATCH 2/3] fix navbar overflow

---
 frontend/src/Home/Home.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Home/Home.scss b/frontend/src/Home/Home.scss
index 0b9347d..98c31b3 100644
--- a/frontend/src/Home/Home.scss
+++ b/frontend/src/Home/Home.scss
@@ -24,6 +24,11 @@
     .bp3-navbar {
         transition: 0.3s;
 
+        > * {
+            // keeps the breadcrumbs from taking all the space
+            max-width: 70%;
+        }
+        
         * {
             transition: 0.3s;
         }
@@ -45,4 +50,4 @@
     .bp3-navbar {
         transition: 0.3s;
     }
-}
+}
\ No newline at end of file

From a1255b0c26eb3c6c46d713a5539c6c4c6732b89b Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Tue, 31 Dec 2019 18:02:33 +0300
Subject: [PATCH 3/3] make the heading clickable

---
 frontend/src/Home/Home.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Home/Home.tsx b/frontend/src/Home/Home.tsx
index fad54ac..c09090a 100644
--- a/frontend/src/Home/Home.tsx
+++ b/frontend/src/Home/Home.tsx
@@ -76,7 +76,12 @@ export class HomeComponent extends React.PureComponent<IHomeProps> {
                 >
                     <Navbar fixedToTop={true}>
                         <Navbar.Group align={Alignment.LEFT}>
-                            <Navbar.Heading>Writer</Navbar.Heading>
+                            <Button
+                                minimal={true}
+                                onClick={() => this.props.history.push("/")}
+                            >
+                                Writer
+                            </Button>
                             <Navbar.Divider />
                             <Breadcrumbs items={breadcrumbs} />
                         </Navbar.Group>