From 8e43d26d03cb378bfd7f70e57b495248c134730e Mon Sep 17 00:00:00 2001
From: Fatih <fatih@picussecurity.com>
Date: Tue, 29 Dec 2015 20:32:01 +0200
Subject: [PATCH] make style improvements

---
 css/react-bootstrap-table.css    |  3 ---
 src/pagination/PaginationList.js |  8 ++++++--
 src/toolbar/ToolBar.js           | 20 +++++++++++++-------
 3 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/css/react-bootstrap-table.css b/css/react-bootstrap-table.css
index 35085841f..65a7577fd 100644
--- a/css/react-bootstrap-table.css
+++ b/css/react-bootstrap-table.css
@@ -54,9 +54,6 @@
   width: 100%;
 }
 
-.react-bs-container .tool-bar{
-  margin-bottom: 5px
-}
 /*inline editor default style*/
 .react-bs-container .form-control.editor{
   /*width:100%;
diff --git a/src/pagination/PaginationList.js b/src/pagination/PaginationList.js
index 77f9e31c9..076f5e590 100644
--- a/src/pagination/PaginationList.js
+++ b/src/pagination/PaginationList.js
@@ -67,6 +67,7 @@ class PaginationList extends React.Component {
     this.totalPages = Math.ceil(this.props.dataSize / this.state.sizePerPage);
     var pageBtns = this.makePage();
     var pageListStyle = {
+      float:" right",
       marginTop: "0px"  //override the margin-top defined in .pagination class in bootstrap.
     }
 
@@ -79,7 +80,7 @@ class PaginationList extends React.Component {
     });
 
     return (
-      <div className="row">
+      <div className="row" style={{ marginTop: 15 }}>
         <div className="col-md-6">
         {
           this.props.sizePerPageList.length > 1 ?
@@ -87,7 +88,10 @@ class PaginationList extends React.Component {
             <button className="btn btn-default dropdown-toggle" type="button" id="pageDropDown" data-toggle="dropdown"
                     aria-expanded="true">
               {this.state.sizePerPage}
-              <span className="caret"/>
+              <span>
+                {" "}
+                <span className="caret"/>
+              </span>
             </button>
             <ul className="dropdown-menu" role="menu" aria-labelledby="pageDropDown">
               {sizePerPageList}
diff --git a/src/toolbar/ToolBar.js b/src/toolbar/ToolBar.js
index 364b37386..5a38dff0e 100644
--- a/src/toolbar/ToolBar.js
+++ b/src/toolbar/ToolBar.js
@@ -119,7 +119,9 @@ class ToolBar extends React.Component{
             <i className="glyphicon glyphicon-trash"></i> Delete
           </button>:null;
     var searchTextInput = this.props.enableSearch?
-      <input type='text' placeholder={this.props.searchPlaceholder?this.props.searchPlaceholder:'Search'} onKeyUp={this.handleKeyUp.bind(this)}/>:null;
+      <div className="form-group form-group-sm">
+        <input type='text' placeholder={this.props.searchPlaceholder?this.props.searchPlaceholder:'Search'} onKeyUp={this.handleKeyUp.bind(this)}/>
+      </div>:null;
     var modal = this.props.enableInsert?this.renderInsertRowModal(modalClassName):null;
     var warningStyle = {
       display: "none",
@@ -131,13 +133,17 @@ class ToolBar extends React.Component{
               <i className="glyphicon glyphicon-export"></i> Export to CSV</button> : null;
 
     return(
-      <div>
-        <div className="btn-group btn-group-xs" role="group" aria-label="...">
-          {exportCSV}
-          {insertBtn}
-          {deleteBtn}
+      <div className="row">
+        <div className="col-xs-9">
+          <div className="btn-group btn-group-sm" role="group">
+            {exportCSV}
+            {insertBtn}
+            {deleteBtn}
+          </div>
+        </div>
+        <div className="col-xs-3">
+          {searchTextInput}
         </div>
-        {searchTextInput}
         <Notifier ref="notifier"></Notifier>
         {modal}
       </div>