added new spinner and improved stylesheet for displayng File Preview

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

@@ -420,6 +420,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

@@ -466,6 +466,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());
+	}
 
 
 	/**
@@ -1370,6 +1380,15 @@ public class Resources {
 	public static ImageResource getPreviewNotAvailable() {
 		return ICONS.previewNotAvailable();
 	}
+	
+	/**
+	 * Gets the preview not available.
+	 *
+	 * @return the preview not available
+	 */
+	public static ImageResource getPreviewNotAvailableNoBorder() {
+		return ICONS.previewNotAvailableNoBorder();
+	}
 
 
 	/**

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 {