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')}" />