Adapt css for search mobile page

Changelog.md

@@ -56,6 +56,7 @@
 * Fix reshare and like a post on a single post view [#3672](https://github.com/diaspora/diaspora/issues/3672)
 * Fix posting multiple times the same content [#3272](https://github.com/diaspora/diaspora/issues/3272)
 * Excessive padding with select aspect in mobile publisher. [#3951](https://github.com/diaspora/diaspora/issues/3951)
+* Adapt css for search mobile page. [#3953](https://github.com/diaspora/diaspora/issues/3953)
 
 ## Gem Updates
 

app/assets/stylesheets/mobile.css.scss

@@ -943,3 +943,12 @@ select#user_language, #user_auto_follow_back_aspect_id, #aspect_ids_ {
     -moz-border-radius: 6px;
   border-radius: 10px;
 }
+
+.search-mobile {
+  text-align: center;
+  padding-top: 30px;
+}
+
+input#q.search {
+  margin-bottom: 20px;
+}  

app/views/people/index.mobile.haml

@@ -5,11 +5,11 @@
 - content_for :page_title do
   = t('search')
 
-%div{:style => 'text-align:center;'}
+.search-mobile
   = form_tag(people_path, :method => 'get') do
     %div{:data => {:role => 'fieldcontain', :inline => 'true'}}
-      = search_field_tag :q, nil, :placeholder => t('find_people')
+      = search_field_tag :q, nil, :placeholder => t('find_people'), :class => 'search'
-      = submit_tag t('search'), 'data-inline' => 'true'
+    = submit_tag t('search'), 'data-inline' => 'true', :class => 'btn'
 
 
 - if params[:q].blank?