From 6b6b04e93bff76b96779ca5900a97e5246914ec9 Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Thu, 14 Feb 2019 12:23:27 -0800
Subject: [PATCH] a few font adjustments

---
 app/main.css          | 1 -
 app/ui/archiveTile.js | 8 ++++----
 app/ui/intro.js       | 4 ++--
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/app/main.css b/app/main.css
index 3d9ca5f6..09fee731 100644
--- a/app/main.css
+++ b/app/main.css
@@ -23,7 +23,6 @@ body {
 .btn {
   @apply bg-blue-dark;
   @apply text-white;
-  @apply font-semibold;
   @apply cursor-pointer;
   @apply py-2;
   @apply px-6;
diff --git a/app/ui/archiveTile.js b/app/ui/archiveTile.js
index f330adf7..780a53e3 100644
--- a/app/ui/archiveTile.js
+++ b/app/ui/archiveTile.js
@@ -160,7 +160,7 @@ module.exports = function(state, emit, archive) {
     platform() !== 'android'
       ? html`
           <button
-            class="text-blue-dark hover:text-blue-darker focus:text-blue-darker self-end font-medium flex items-center"
+            class="text-blue-dark hover:text-blue-darker focus:text-blue-darker self-end flex items-center"
             onclick=${copy}
           >
             <img src="${assets.get('copy-16.svg')}" class="mr-2" />
@@ -169,7 +169,7 @@ module.exports = function(state, emit, archive) {
         `
       : html`
           <button
-            class="text-blue-dark hover:text-blue-darker focus:text-blue-darker self-end font-medium flex items-center"
+            class="text-blue-dark hover:text-blue-darker focus:text-blue-darker self-end flex items-center"
             onclick=${share}
           >
             <img src="${assets.get('share-24.svg')}" class="mr-2" /> Share
@@ -179,7 +179,7 @@ module.exports = function(state, emit, archive) {
     platform() === 'web'
       ? html`
           <a
-            class="flex items-baseline text-blue-dark hover:text-blue-darker focus:text-blue-darker font-medium"
+            class="flex items-baseline text-blue-dark hover:text-blue-darker focus:text-blue-darker"
             href="${archive.url}"
           >
             <img src="${assets.get('dl.svg')}" class="mr-2" />
@@ -310,7 +310,7 @@ module.exports.wip = function(state, emit) {
     return html`
       <input
         type="image"
-        class="self-center text-white ml-4 delete"
+        class="self-center text-white ml-4 h-4"
         alt="Delete"
         src="${assets.get('close-16.svg')}"
         onclick="${del}"
diff --git a/app/ui/intro.js b/app/ui/intro.js
index 772d3972..0e44977c 100644
--- a/app/ui/intro.js
+++ b/app/ui/intro.js
@@ -7,10 +7,10 @@ module.exports = function intro(state) {
       class="flex flex-col items-center justify-center bg-white border border-grey-light md:border-none px-6 md:py-0 py-6 mb-0 h-full w-full"
     >
       <div class="flex flex-col justify-end h-full py-8">
-        <h1 class="font-bold leading-normal">
+        <h1 class="font-bold">
           ${state.translate('uploadPageHeader')}
         </h1>
-        <p class="max-w-sm font-light leading-normal">
+        <p class="max-w-sm mt-2 font-light leading-normal">
           ${state.translate('uploadPageExplainer')}
         </p>
         <img class="-mb-12" src="${assets.get('intro.png')}" />