From 66bdb90454bb3607baef8cd942dacde0debfe929 Mon Sep 17 00:00:00 2001
From: Lachlan Kermode <lachiekermode@gmail.com>
Date: Tue, 30 Jun 2020 14:04:39 +0200
Subject: [PATCH] cover more sensible defaults

---
 src/components/TemplateCover.js | 14 ++++++++++----
 src/scss/cover.scss             | 19 ++++++++-----------
 src/store/initial.js            |  1 -
 3 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/components/TemplateCover.js b/src/components/TemplateCover.js
index 561ab7d..2cb21bd 100644
--- a/src/components/TemplateCover.js
+++ b/src/components/TemplateCover.js
@@ -117,9 +117,11 @@ class TemplateCover extends React.Component {
     const { videos } = this.props.cover
     return (
       <div className='default-cover-container'>
-        <a className='cover-logo-container' href='https://forensic-architecture.org'>
-          <img className='cover-logo' src={logo} />
-        </a>
+        <div className='cover-header'>
+          <a className='cover-logo-container' href='https://forensic-architecture.org'>
+            <img className='cover-logo' src={logo} />
+          </a>
+        </div>
         <div className='cover-content'>
           {
             this.props.cover.bgVideo ? (
@@ -137,7 +139,11 @@ class TemplateCover extends React.Component {
             ) : null
           }
           <h1>{this.props.cover.title}</h1>
-          <h3>{this.props.cover.subtitle}</h3>
+          {
+            this.props.cover.subtitle ? (
+              <h3>{this.props.cover.subtitle}</h3>
+            ) : null
+          }
           {
             this.props.cover.subsubtitle ? (
               <h5>{this.props.cover.subsubtitle}</h5>
diff --git a/src/scss/cover.scss b/src/scss/cover.scss
index 0b007b7..eb0365f 100644
--- a/src/scss/cover.scss
+++ b/src/scss/cover.scss
@@ -18,12 +18,14 @@
   }
 }
 
-.cover-logo-container {
-  position: absolute;
-  bottom: 20px;
-  left: 20px;
+.cover-header {
+  display: flex;
+  width: 100vw;
+}
+
+.cover-logo-container {
+  padding: 20px 0 0 20px;
   display: flex;
-  justify-content: center;
 }
 
 .cover-logo {
@@ -117,16 +119,11 @@
     min-width: 100%;
     max-width: 100%;
     min-height: 100px;
-    &.thin {
-      // min-width: 250px;
-      // width: 250px;
-      // max-width: 400px;
-    }
     margin: auto;
     display: flex;
     flex-direction: column;
     margin-bottom: 20px;
-    margin-top: 20px;
+    margin-top: 60px;
     .row {
       display: flex;
       flex: 1;
diff --git a/src/store/initial.js b/src/store/initial.js
index 8976525..0ffbe36 100644
--- a/src/store/initial.js
+++ b/src/store/initial.js
@@ -91,7 +91,6 @@ const initial = {
     },
     cover: {
       title: 'project title',
-      subtitle: 'project subtitle',
       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.'
     },
     loading: false