From e9ee7d022c60e11e159d81a107c8c188ef102501 Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Tue, 12 Feb 2019 19:14:01 -0800
Subject: [PATCH] adjusted padding of wip area

---
 app/ui/archiveTile.js | 10 +++++-----
 app/ui/selectbox.js   |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/ui/archiveTile.js b/app/ui/archiveTile.js
index 66d8ed40..b8852608 100644
--- a/app/ui/archiveTile.js
+++ b/app/ui/archiveTile.js
@@ -29,7 +29,7 @@ function password(state) {
   const MAX_LENGTH = 32;
 
   return html`
-    <div class="my-2 px-1">
+    <div class="mb-2 px-1">
       <div class="checkbox inline-block mr-3">
         <input
           id="add-password"
@@ -46,7 +46,7 @@ function password(state) {
         id="password-input"
         class="${state.archive.password
           ? ''
-          : 'invisible'} border rounded-sm focus:border-blue-dark leading-normal my-2 py-1 px-2 h-8"
+          : 'invisible'} border rounded-sm focus:border-blue-dark leading-normal my-1 py-1 px-2 h-8"
         autocomplete="off"
         maxlength="${MAX_LENGTH}"
         type="password"
@@ -58,7 +58,7 @@ function password(state) {
       <label
         id="password-msg"
         for="password-input"
-        class="block text-xs text-grey-darker mt-1"
+        class="block text-xs text-grey-darker"
       ></label>
     </div>
   `;
@@ -235,11 +235,11 @@ module.exports.wip = function(state, emit) {
         Array.from(state.archive.files)
           .reverse()
           .map(f => fileInfo(f, remove(f))),
-        'bg-grey-lightest rounded-t list-reset overflow-y-auto px-4 md:h-full md:max-h-half-screen',
+        'bg-grey-lightest rounded-t list-reset overflow-y-auto px-6 py-4 md:h-full md:max-h-half-screen',
         'bg-white px-2 my-2 shadow-light rounded'
       )}
       <div
-        class="flex-grow flex items-end p-4 bg-grey-lightest rounded-b mb-6 font-medium"
+        class="flex-grow flex items-end p-4 bg-grey-lightest rounded-b mb-1 font-medium"
       >
         <input
           id="file-upload"
diff --git a/app/ui/selectbox.js b/app/ui/selectbox.js
index 4d0e4d4a..6b488224 100644
--- a/app/ui/selectbox.js
+++ b/app/ui/selectbox.js
@@ -6,7 +6,7 @@ module.exports = function(selected, options, translate, changed, htmlId) {
   return html`
     <select
       id="${htmlId}"
-      class="appearance-none cursor-pointer border rounded-sm bg-grey-lightest hover:border-blue-dark focus:border-blue-dark px-2 py-1 my-2 h-8"
+      class="appearance-none cursor-pointer border rounded-sm bg-grey-lightest hover:border-blue-dark focus:border-blue-dark px-2 py-1 my-1 h-8"
       onchange="${choose}"
     >
       ${options.map(