From 95196e721cacc5c03ebec5eef553684e3485ff3c Mon Sep 17 00:00:00 2001
From: Lachlan Kermode <lachiekermode@gmail.com>
Date: Tue, 30 Jun 2020 15:18:49 +0200
Subject: [PATCH] better logo styling, variable button text

---
 src/scss/cover.scss  | 46 +++++++++++++++++++++++++++++++++++---------
 src/store/initial.js |  3 ++-
 2 files changed, 39 insertions(+), 10 deletions(-)

diff --git a/src/scss/cover.scss b/src/scss/cover.scss
index eb0365f..3fb47c5 100644
--- a/src/scss/cover.scss
+++ b/src/scss/cover.scss
@@ -19,19 +19,47 @@
 }
 
 .cover-header {
+  position: fixed;
+  bottom: 20px;
+  left: 0;
   display: flex;
   width: 100vw;
+
+  @media only screen and (max-width: 992px) {
+    position: inherit;
+  }
+
+  .cover-logo-container {
+    padding: 20px 0 0 20px;
+    display: flex;
+    &.minimized {
+
+    }
+    .cover-logo {
+      transition: all 1s;
+      width: 60px;
+      height: 60px;
+    }
+  }
+
+  &.minimized {
+    top: 0;
+    max-width: $toolbar-width;
+    max-height: 30px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .cover-logo-container {
+      padding: 5px;
+    }
+    .cover-logo {
+      width: 15px;
+      height: 15px;
+    }
+  }
 }
 
-.cover-logo-container {
-  padding: 20px 0 0 20px;
-  display: flex;
-}
 
-.cover-logo {
-  width: 60px;
-  height: 60px;
-}
 
 
 .fullscreen-bg {
@@ -184,7 +212,7 @@
       font-size: 22pt !important;
       .cell.plain, .cell.small { display: none; }
       max-width: 100vw;
-      padding: 0 40px;
+      padding: 0 40px 80px 40px;
     }
 
     .verify-tabs {
diff --git a/src/store/initial.js b/src/store/initial.js
index 0ffbe36..957d470 100644
--- a/src/store/initial.js
+++ b/src/store/initial.js
@@ -91,7 +91,8 @@ const initial = {
     },
     cover: {
       title: 'project title',
-      description: 'A description of the project goes here.\n\nThis description may contain markdown.\n\n# This is a large title, for example.\n\n## Whereas this is a slightly smaller title.\n\nCheck out docs/custom-covers.md in the [Timemap GitHub repo](https://github.com/forensic-architecture/timemap) for more information around how to specify custom covers.'
+      description: 'A description of the project goes here.\n\nThis description may contain markdown.\n\n# This is a large title, for example.\n\n## Whereas this is a slightly smaller title.\n\nCheck out docs/custom-covers.md in the [Timemap GitHub repo](https://github.com/forensic-architecture/timemap) for more information around how to specify custom covers.',
+      exploreButton: 'EXPLORE'
     },
     loading: false
   },