added new spinner and improved stylesheet for displayng File Preview

src/main/java/org/gcube/portlets/user/workspace/client/resources/Icons.java

@@ -421,6 +421,12 @@ public interface Icons extends ClientBundle {
 	@Source("icons/no-preview-available.png")
 	ImageResource previewNotAvailable();
 	
+	@Source("icons/no-preview-available-no-border.png")
+	ImageResource previewNotAvailableNoBorder();
+
+	@Source("icons/spinner2.gif")
+	ImageResource spinner();
+
 }
 
 

src/main/java/org/gcube/portlets/user/workspace/client/resources/Resources.java

@@ -467,6 +467,16 @@ public class Resources {
 		return AbstractImagePrototype.create(ICONS.notread());
 	}
 	
+	/**
+	 * Gets the icon not read.
+	 *
+	 * @return the icon not read
+	 */
+	public static AbstractImagePrototype getSpinner(){
+
+		return AbstractImagePrototype.create(ICONS.spinner());
+	}
+
 
 	/**
 	 * Gets the close icon.
@@ -1371,6 +1381,15 @@ public class Resources {
 		return ICONS.previewNotAvailable();
 	}
 	
+	/**
+	 * Gets the preview not available.
+	 *
+	 * @return the preview not available
+	 */
+	public static ImageResource getPreviewNotAvailableNoBorder() {
+		return ICONS.previewNotAvailableNoBorder();
+	}
+
 
 	/**
 	 * Gets the icon by media type name.

src/main/java/org/gcube/portlets/user/workspace/client/view/windows/DialogGetInfoBootstrap.java

@@ -192,9 +192,9 @@ public class DialogGetInfoBootstrap extends Composite {
 
 	private Map<String, List<String>> mapAllowedMimeTypesForPreview;
 	
-	private Image spinnerImage = Resources.getIconLoading().createImage();
+	private Image spinnerImage = Resources.getSpinner().createImage();
 	
-	private Image noPreviewAvailable = new Image(Resources.getPreviewNotAvailable());
+	private Image noPreviewAvailable = new Image(Resources.getPreviewNotAvailableNoBorder());
 	
 	private Frame iFrameGDV = null;
 	

src/main/java/org/gcube/portlets/user/workspace/public/workspacetree.css

@@ -413,6 +413,12 @@ IN THE 'DETAILS' PANEL*/
 	display: flex;
 	align-items: center;
 	justify-content: center;
+	margin-left: 10px;
+	border: 1px solid #e6e6e6;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	border-left: none;
+	border-right: none;
 }
 
 .preview-image-style img {
@@ -424,6 +430,12 @@ IN THE 'DETAILS' PANEL*/
 	display: flex;
 	align-items: center;
 	justify-content: center;
+	margin-left: 10px;
+	border: 1px solid #e6e6e6;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	border-left: none;
+	border-right: none;
 }
 
 .my-preview-doc {