From 45c23960593f12e89b9c2aa99bba1c75cbb19120 Mon Sep 17 00:00:00 2001
From: Michael Olund <michaelo@openroad.ca>
Date: Tue, 22 Sep 2020 17:06:37 -0700
Subject: [PATCH] Hover state updates

---
 vue/src/components/Uploader/ItemTile.vue      | 1 +
 vue/src/components/Uploader/Main.vue          | 8 ++++----
 vue/src/components/Uploader/UploadedImage.vue | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/vue/src/components/Uploader/ItemTile.vue b/vue/src/components/Uploader/ItemTile.vue
index 72146c81..0ac754b6 100644
--- a/vue/src/components/Uploader/ItemTile.vue
+++ b/vue/src/components/Uploader/ItemTile.vue
@@ -113,6 +113,7 @@ export default {
 
       &:hover {
         cursor: pointer !important;
+        opacity: 0.8;
       }
 
       i.fa {
diff --git a/vue/src/components/Uploader/Main.vue b/vue/src/components/Uploader/Main.vue
index 79fe232e..04606ee5 100644
--- a/vue/src/components/Uploader/Main.vue
+++ b/vue/src/components/Uploader/Main.vue
@@ -259,6 +259,10 @@ export default {
     border-radius: 6px;
     padding: 18px;
 
+    &:hover .fa-plus-circle {
+      opacity: 0.85;
+    }
+
     &.dragging {
       background-color: #F2E3F2;
     }
@@ -286,10 +290,6 @@ export default {
       font-size: 3rem;
       margin-bottom: 8px;
       color: #365EBE;
-
-      &:hover {
-        cursor: pointer;
-      }
     }
 
     .placeholder {
diff --git a/vue/src/components/Uploader/UploadedImage.vue b/vue/src/components/Uploader/UploadedImage.vue
index 407ff274..24aacbd3 100644
--- a/vue/src/components/Uploader/UploadedImage.vue
+++ b/vue/src/components/Uploader/UploadedImage.vue
@@ -95,7 +95,7 @@ export default {
       content: "\f06e";
       position: absolute;
       left: 58px;
-      top: calc(50% - 11px);
+      top: 65px;
       font-size: 43px;
       color: transparent;        
     }