updated css

git-svn-id: http://svn.research-infrastructures.eu/public/d4science/gcube/trunk/portlets/widgets/ws-thredds-sync-widget@164743 82a268e6-3cf1-43bd-a215-b396298e98cf

src/main/java/org/gcube/portlets/widgets/wsthreddssync/client/view/binder/MonitorFolderSyncStatusView.java

@@ -142,6 +142,13 @@ public abstract class MonitorFolderSyncStatusView extends Composite {
 		field_history_messages.setResize(ResizeType.BOTH);
 		field_current_message.setHeight("80px");
 		field_current_message.setResize(ResizeType.BOTH);
+
+		field_queued_items.addStyleName("myLittleWidth");
+		field_number_error.addStyleName("myLittleWidth");
+		field_transferred_items.addStyleName("myLittleWidth");
+
+		field_current_message.addStyleName("textAreaWidth");
+		field_history_messages.addStyleName("textAreaWidth");
 	}
 
 

src/main/java/org/gcube/portlets/widgets/wsthreddssync/client/view/binder/MonitorFolderSyncStatusView.ui.xml

@@ -6,16 +6,9 @@
 		border: 0px;
 	}
 	
-	.myWidth {
-		width: 500px;
-	}
-	
 	.myPaddingLeft{
 		padding-left: 180px;
 	}
-	.myLittleWidth {
-		width: 20px;
-	}
 	
 	.myFormWidth {
 		width: 750px;
@@ -33,7 +26,7 @@
 						<b:ControlLabel for="cl_queued_items">Items in queue</b:ControlLabel>
 						<b:Controls>
 							<b:TextBox b:id="field_queued_items" ui:field="field_queued_items"
-								readOnly="true" addStyleNames="{style.myLittleWidth}"></b:TextBox>
+								readOnly="true"></b:TextBox>
 						</b:Controls>
 					</b:ControlGroup>
 				</b:Column>
@@ -42,7 +35,7 @@
 						<b:ControlLabel for="cl_transferred_items">Transferred items</b:ControlLabel>
 						<b:Controls>
 							<b:TextBox b:id="field_transferred_items" ui:field="field_transferred_items"
-								readOnly="true" addStyleNames="{style.myLittleWidth}">
+								readOnly="true">
 							</b:TextBox>
 						</b:Controls>
 					</b:ControlGroup>
@@ -52,7 +45,7 @@
 						<b:ControlLabel for="cl_number_error">Number of Errors</b:ControlLabel>
 						<b:Controls>
 							<b:TextBox b:id="field_number_error" ui:field="field_number_error"
-								readOnly="true" addStyleNames="{style.myLittleWidth}"></b:TextBox>
+								readOnly="true"></b:TextBox>
 						</b:Controls>
 					</b:ControlGroup>
 				</b:Column>
@@ -70,7 +63,7 @@
 						<b:ControlLabel for="cl_current_message">Status Message</b:ControlLabel>
 						<b:Controls>
 							<b:TextArea b:id="field_current_message" ui:field="field_current_message"
-								readOnly="true" addStyleNames="{style.myWidth}"></b:TextArea>
+								readOnly="true"></b:TextArea>
 						</b:Controls>
 					</b:ControlGroup>
 
@@ -78,7 +71,7 @@
 						<b:ControlLabel for="cl_history_messages">Transfer History</b:ControlLabel>
 						<b:Controls>
 							<b:TextArea b:id="field_history_messages" ui:field="field_history_messages"
-								readOnly="true" addStyleNames="{style.myWidth}"></b:TextArea>
+								readOnly="true"></b:TextArea>
 						</b:Controls>
 					</b:ControlGroup>
 

src/main/java/org/gcube/portlets/widgets/wsthreddssync/public/WsThreddsWidget.css

@@ -1,8 +1,23 @@
 /** Add css rules here for your application. */
-
 .ws-thredds-modal-body div.modal-body {
-    position: relative;
-    max-height: 600px !important;
-    padding: 15px;
-    overflow-y: auto;
+	position: relative;
+	max-height: 600px !important;
+	padding: 15px;
+	overflow-y: auto;
+}
+
+.textAreaWidth {
+	width: 500px;
+}
+
+.myPaddingLeft {
+	padding-left: 180px !important;
+}
+
+.myLittleWidth {
+	width: 20px !important;
 }
+
+.myFormWidth {
+	width: 750px !important;
+}