Remove clearableTextBox in document list

zanata-war/src/main/java/org/zanata/webtrans/client/view/AppView.ui.xml

@@ -19,7 +19,7 @@
 
 		.container
 		{
-			margin:8px 25px;
+			margin:5px 25px;
 		}
 
 		.topPanel-Navigation {

zanata-war/src/main/java/org/zanata/webtrans/client/view/DocumentListView.java

@@ -27,7 +27,6 @@
 import org.zanata.webtrans.client.resources.UiMessages;
 import org.zanata.webtrans.client.resources.WebTransMessages;
 import org.zanata.webtrans.client.rpc.CachingDispatchAsync;
-import org.zanata.webtrans.client.ui.ClearableTextBox;
 import org.zanata.webtrans.client.ui.DocumentListTable;
 import org.zanata.webtrans.client.ui.DocumentNode;
 import org.zanata.webtrans.shared.model.DocumentInfo;
@@ -45,7 +44,10 @@
 import com.google.gwt.user.client.ui.Composite;
 import com.google.gwt.user.client.ui.FlowPanel;
 import com.google.gwt.user.client.ui.HasValue;
+import com.google.gwt.user.client.ui.Image;
 import com.google.gwt.user.client.ui.LayoutPanel;
+import com.google.gwt.user.client.ui.PushButton;
+import com.google.gwt.user.client.ui.TextBox;
 import com.google.gwt.user.client.ui.Widget;
 import com.google.gwt.view.client.HasData;
 import com.google.gwt.view.client.ListDataProvider;
@@ -64,9 +66,9 @@ interface DocumentListViewUiBinder extends UiBinder<LayoutPanel, DocumentListVie
    @UiField
    FlowPanel documentListContainer;
 
-   @UiField(provided = true)
-   ClearableTextBox filterTextBox;
-
+   @UiField
+   TextBox filterTextBox;
+   
    @UiField
    CheckBox exactSearchCheckBox, caseSensitiveCheckBox;
 
@@ -88,9 +90,9 @@ public DocumentListView(Resources resources, WebTransMessages messages, UiMessag
       this.messages = messages;
 
       dataProvider = new ListDataProvider<DocumentNode>();
-      filterTextBox = new ClearableTextBox(resources, uiMessages);
       initWidget(uiBinder.createAndBindUi(this));
       filterTextBox.setTitle(messages.docListFilterDescription());
+
       // TODO set this from the presenter if possible
       caseSensitiveCheckBox.setTitle(messages.docListFilterCaseSensitiveDescription());
       exactSearchCheckBox.setTitle(messages.docListFilterExactMatchDescription());
@@ -111,7 +113,7 @@ public HasData<DocumentNode> getDocumentListTable()
    @Override
    public HasValue<String> getFilterTextBox()
    {
-      return filterTextBox.getTextBox();
+      return filterTextBox;
    }
 
    @Override

zanata-war/src/main/java/org/zanata/webtrans/client/view/DocumentListView.ui.xml

@@ -18,6 +18,21 @@
         .checkbox
         {
 			font-size:13px;
+			color:#595959;
+		}
+
+		.filterTextBox
+		{
+			font-size:16px;
+			padding: 3px;
+			margin: 0px;
+			border: 2px solid #C5C5C5;
+			border-radius: 3px;
+		}
+
+		.searchButton
+		{
+
 		}
 
     </ui:style>
@@ -27,7 +42,7 @@
                 <g:layer top='0' height='30px' left="0px" right="0px">
                     <g:LayoutPanel>
                         <g:layer top="0px" height="30px" left="0px" width="500px">
-                            <fui:ClearableTextBox ui:field='filterTextBox'/>
+                            <g:TextBox ui:field='filterTextBox' styleName="{style.filterTextBox}"/>
                         </g:layer>
                         <g:layer top="4px" height="30px" left="505px" width="120px">
                             <g:CheckBox ui:field="caseSensitiveCheckBox" styleName="{style.checkbox}"><ui:msg>Case sensitive</ui:msg></g:CheckBox>