From fee1fc3d1f59ba697f1651d5be6f364066b2e19e Mon Sep 17 00:00:00 2001
From: Shane Kilkelly <shane@kilkelly.me>
Date: Wed, 22 Nov 2017 15:52:02 +0000
Subject: [PATCH] Fix visuals of file uploader

---
 services/web/app/views/project/list/modals.pug     |  2 +-
 .../web/public/coffee/directives/fineUpload.coffee | 14 ++++++++------
 .../public/stylesheets/components/fineupload.less  |  6 +++++-
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/services/web/app/views/project/list/modals.pug b/services/web/app/views/project/list/modals.pug
index 01cd71bca4..f80bc0bff2 100644
--- a/services/web/app/views/project/list/modals.pug
+++ b/services/web/app/views/project/list/modals.pug
@@ -232,7 +232,7 @@ script(type="text/ng-template", id="uploadProjectModalTemplate")
 		allowed-extensions="['zip']"
 		on-complete-callback="onComplete"
 	)
-		span #{translate("upload_a_zipped_project")}
+		//- span #{translate("upload_a_zipped_project")}
 	.modal-footer
 		button.btn.btn-default(ng-click="cancel()") #{translate("cancel")}
 
diff --git a/services/web/public/coffee/directives/fineUpload.coffee b/services/web/public/coffee/directives/fineUpload.coffee
index 0c060b0ac1..4d6fca6d90 100644
--- a/services/web/public/coffee/directives/fineUpload.coffee
+++ b/services/web/public/coffee/directives/fineUpload.coffee
@@ -66,15 +66,17 @@ define [
 					<ul class="qq-upload-list-selector">
 						<li>
 							<div class="qq-progress-bar-container-selector">
-								<div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div>
+								<div
+									role="progressbar"
+									aria-valuenow="0"
+									aria-valuemin="0"
+									aria-valuemax="100"
+									class="qq-progress-bar-selector qq-progress-bar">
+								</div>
 							</div>
-							<span class="qq-upload-spinner-selector qq-upload-spinner"></span>
-							<img class="qq-thumbnail-selector" qq-max-size="100" qq-server-scale>
 							<span class="qq-upload-file-selector qq-upload-file"></span>
-							<span class="qq-edit-filename-icon-selector qq-edit-filename-icon" aria-label="Edit filename"></span>
-							<input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
 							<span class="qq-upload-size-selector qq-upload-size"></span>
-							<button type="button" class="qq-btn qq-upload-cancel-selector qq-upload-cancel">Cancel</button>
+							<a type="button" class="qq-btn qq-upload-cancel-selector qq-upload-cancel">Cancel</a>
 							<button type="button" class="qq-btn qq-upload-retry-selector qq-upload-retry">Retry</button>
 							<button type="button" class="qq-btn qq-upload-delete-selector qq-upload-delete">Delete</button>
 							<span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
diff --git a/services/web/public/stylesheets/components/fineupload.less b/services/web/public/stylesheets/components/fineupload.less
index 9cb3878f3e..ee1e96164f 100644
--- a/services/web/public/stylesheets/components/fineupload.less
+++ b/services/web/public/stylesheets/components/fineupload.less
@@ -156,5 +156,9 @@
     .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
     .transition(width .6s ease);
     border-radius: @border-radius-base 0 0 @border-radius-base;
-    display: none;
+}
+a.qq-btn {
+	&:hover {
+		cursor: pointer !important;
+	}
 }