From cc4b2036acc852e7b389967e5ac59d6dad747f8f Mon Sep 17 00:00:00 2001
From: Christos Stathis <chstath@ebs.gr>
Date: Tue, 1 Nov 2011 13:19:42 +0200
Subject: [PATCH] Fixed css

---
 .../grnet/pithos/web/client/CredentialsDialog.java |   30 ++++++++++++++++----
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/web_client/src/gr/grnet/pithos/web/client/CredentialsDialog.java b/web_client/src/gr/grnet/pithos/web/client/CredentialsDialog.java
index d294a69..1900e98 100644
--- a/web_client/src/gr/grnet/pithos/web/client/CredentialsDialog.java
+++ b/web_client/src/gr/grnet/pithos/web/client/CredentialsDialog.java
@@ -39,6 +39,7 @@ import com.google.gwt.event.dom.client.ClickEvent;
 import com.google.gwt.event.dom.client.ClickHandler;
 import com.google.gwt.event.dom.client.KeyCodes;
 import com.google.gwt.user.client.Event.NativePreviewEvent;
+import com.google.gwt.user.client.ui.Anchor;
 import com.google.gwt.user.client.ui.Button;
 import com.google.gwt.user.client.ui.DialogBox;
 import com.google.gwt.user.client.ui.FlexTable;
@@ -61,17 +62,33 @@ public class CredentialsDialog extends DialogBox {
 	 * The widget constructor.
 	 */
 	public CredentialsDialog(final Pithos app, final MessagePanel.Images images) {
+		Anchor close = new Anchor();
+		close.addStyleName("close");
+		close.addClickHandler(new ClickHandler() {
+			
+			@Override
+			public void onClick(ClickEvent event) {
+				hide();
+			}
+		});
 		// Set the dialog's caption.
 		setText("User Credentials");
 		setAnimationEnabled(true);
+		setGlassEnabled(true);
+		setStyleName("pithos-DialogBox");
 		// A VerticalPanel that contains the 'about' label and the 'OK' button.
 		VerticalPanel outer = new VerticalPanel();
+		outer.add(close);
+
+		VerticalPanel inner = new VerticalPanel();
+		inner.addStyleName("inner");
+
 		// Create the text and set a style name so we can style it with CSS.
 		HTML text = new HTML("<p>These are the user credentials that are " +
-				"required for interacting with Pithos+");
+				"required for interacting with Pithos");
 		text.setStyleName("pithos-credentialsText");
 		text.setWidth(WIDTH_TEXT);
-		outer.add(text);
+		inner.add(text);
 		FlexTable table = new FlexTable();
 		table.setText(0, 0, "Username");
 		table.setText(1, 0, "Token");
@@ -109,7 +126,7 @@ public class CredentialsDialog extends DialogBox {
 		table.getFlexCellFormatter().setStyleName(0, 1, "props-values");
 		table.getFlexCellFormatter().setStyleName(1, 0, "props-labels");
 		table.getFlexCellFormatter().setStyleName(1, 1, "props-values");
-		outer.add(table);
+		inner.add(table);
 
 		// Create the 'OK' button, along with a listener that hides the dialog
 		// when the button is clicked.
@@ -119,9 +136,10 @@ public class CredentialsDialog extends DialogBox {
 				hide();
 			}
 		});
-		outer.add(confirm);
-		outer.setCellHorizontalAlignment(confirm, HasHorizontalAlignment.ALIGN_CENTER);
-		outer.setSpacing(8);
+		confirm.addStyleName("button");
+		inner.add(confirm);
+		outer.add(inner);
+		outer.setCellHorizontalAlignment(inner, HasHorizontalAlignment.ALIGN_CENTER);
 		setWidget(outer);
 	}
 
-- 
1.7.10.4