From 29dc3140708e9b66971900e7fec0ca647695980c Mon Sep 17 00:00:00 2001
From: Joe Harrison <email@joeharrison.com>
Date: Wed, 25 Mar 2015 12:37:17 -0400
Subject: [PATCH] improved toolbar partial view

---
 .../Views/Shared/_MVCGridToolbar.cshtml       | 44 ++++++++++---------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/MVCGridExample/Views/Shared/_MVCGridToolbar.cshtml b/MVCGridExample/Views/Shared/_MVCGridToolbar.cshtml
index 1cfbf40..a0bb442 100644
--- a/MVCGridExample/Views/Shared/_MVCGridToolbar.cshtml
+++ b/MVCGridExample/Views/Shared/_MVCGridToolbar.cshtml
@@ -4,7 +4,7 @@
 }
 
 <div class="row">
-    <div class="col-md-4">
+    <div class="col-md-2">
         <div class="form-inline">
             @if (Model.PageSize) { 
             <div class="form-group">
@@ -20,30 +20,32 @@
             }
         </div>
     </div>
-    <div class="col-md-4">
-        <div class="btn-group">
-            @if (Model.ColumnVisibility) { 
+    <div class="col-md-10">
+        <div class="form-inline pull-right">
             <div class="btn-group">
-                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-                    <span class="glyphicon glyphicon-list" aria-hidden="true"></span> Fields
-                </button>
-                <ul class="dropdown-menu" role="menu" data-mvcgrid-type="columnVisibilityList" data-mvcgrid-name="@(gridName)"></ul>
+                @if (Model.ColumnVisibility)
+                {
+                    <div class="btn-group">
+                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
+                            <span class="glyphicon glyphicon-list" aria-hidden="true"></span> Fields
+                        </button>
+                        <ul class="dropdown-menu" role="menu" data-mvcgrid-type="columnVisibilityList" data-mvcgrid-name="@(gridName)"></ul>
+                    </div>
+                }
+                @if (Model.Export)
+                {
+                    <button class="btn btn-default" data-mvcgrid-type="export" data-mvcgrid-name="@(gridName)">
+                        <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> Export
+                    </button>
+                }
             </div>
-            }
-            @if (Model.Export) { 
-            <button class="btn btn-default" data-mvcgrid-type="export" data-mvcgrid-name="@(gridName)">
-                <span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> Export
-            </button>
-            }
-        </div>
-    </div>
-    <div class="col-md-4">
-        <div class="form-inline">
-            @if (Model.GlobalSearch) { 
-            <div class="form-group pull-right">
+
+@if (Model.GlobalSearch) {
+            <span>&nbsp;</span>
+            <div class="form-group">
                 <label>Search: <input type="search" placeholder="Search" class="form-control" data-mvcgrid-type="additionalQueryOption" data-mvcgrid-option="search" data-mvcgrid-name="@(gridName)"></label>
             </div>
-            }
+}
         </div>
     </div>
 </div>