contacts page: style search wrapper

diff --git a/css/style.css b/css/style.css
index 1ab66fe3abf4cf9efba99bb1747e64a779fa96fc..d457c78aeffb0a3f75dafaf7e1e354e7c1660560 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -1476,10 +1476,7 @@ ul.dropdown-menu li:hover {
 }
 .form-group-search {
     position: relative;
-}
-
-.form-group-search {
-    position: relative;
+    width: 100%;
 }
 
 .form-group-search .form-button-search {
@@ -1488,6 +1485,10 @@ ul.dropdown-menu li:hover {
     right: 4px;
     border-radius: 30px;
 }
+.search-input.form-control.form-search {
+    width: 100%;
+}
+
 
 /* PAGES */
 
@@ -1550,6 +1551,9 @@ ul.viewcontact_wrapper > li {
     color: #777;
     font-size: 15px;
 }
+#contacts-search-wrapper {
+    padding: 10px 0;
+}
 
 /*
 * Overwriting for transparency and other colors

diff --git a/templates/contacts-template.tpl b/templates/contacts-template.tpl
index 67eb92f0bdb2d3cb30a8235dc4f9a3df5c8b91ff..d3dde53309ecc8c664b5f593692402c41ad9de35 100644 (file)
--- a/templates/contacts-template.tpl
+++ b/templates/contacts-template.tpl
@@ -4,19 +4,22 @@
        {{$tabs}}
 
        {{* The page headding with it's contacts counter *}}
-       <h2 class="headding">{{$header}} {{if $total}} ({{$total}}) {{/if}}</h2>
+       <h3 class="headding">{{$header}} {{if $total}} ({{$total}}) {{/if}}</h3>
 
        {{if $finding}}<h4>{{$finding}}</h4>{{/if}}
 
        {{* The search input field to search for contacts *}}
        <div id="contacts-search-wrapper">
-               <form id="contacts-search-form" class="navbar-form" action="{{$cmd}}" method="get" >
-                       <label for="contacts-search" class="contacts-search-desc">{{$desc}}</label><br/>
-                       <div class="input-group">
-                               <input type="text" name="search" id="contacts-search" class="search-input form-control" onfocus="this.select();" value="{{$search|escape:'html'}}" />
-                               <div class="input-group-btn">
-                                       <button class="btn btn-default" type="submit" name="submit" id="contacts-search-submit" value="{{$submit|escape:'html'}}"><i class="fa fa-search"></i></button>
+               <form id="contacts-search-form" class="navbar-form" role="search" action="{{$cmd}}" method="get" >
+                       <div class="row">
+                               <div class="col-md-2"></div>
+                               <div class="col-md-8 ">
+                                       <div class="form-group form-group-search">
+                                               <input type="text" name="search" id="contacts-search" class="search-input form-control form-search" onfocus="this.select();" value="{{$search|escape:'html'}}" placeholder="{{$desc}}"/>
+                                               <button class="btn btn-default btn-sm form-button-search" type="submit" name="submit" id="contacts-search-submit" value="{{$submit|escape:'html'}}">{{$submit}}</button>
+                                       </div>
                                </div>
+                               <div class="col-md-2"></div>
                        </div>
                </form>
        </div>