From: rabuzarus <>
Date: Wed, 20 Apr 2016 22:00:58 +0000 (+0200)
Subject: contacts page: style search wrapper
X-Git-Url: https://git.mxchange.org/?a=commitdiff_plain;h=8b5004a08fefc170a97f053f05b7226260d97973;p=friendica.git

contacts page: style search wrapper
---

diff --git a/css/style.css b/css/style.css
index 1ab66fe3ab..d457c78aef 100644
--- 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 67eb92f0bd..d3dde53309 100644
--- 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>