Update template layout.

src/styles/components/_contactsmanager.scss

@@ -29,6 +29,7 @@
     text-align: baseline;
   }
   .contactsAddBtn {
+    font-size: 14px;
     .fa-users {
       font-size: 22px;
     }

static/partials/contactsmanager.html

@@ -5,17 +5,15 @@
   </h4>
 </div>
 <div class="modal-body">
-  <div class="row">
-    <div class="col-xs-10">
-      <h4 class="contactsDesc">
-        {{_('Contacts')}}
-      </h4>
-    </div>
-    <div class="col-xs-2">
+  <div class="row contactsContentHead">
+    <div class="col-xs-offset-7 col-xs-5">
+      <div class="pull-right">
       <button class="btn btn-success contactsAddBtn">
+        Find new contacts&nbsp;
         <i class="fa fa-users"></i>
         <i class="fa fa-plus"></i>
       </button>
+      </div>
     </div>
   </div>
   <div class="row">

static/partials/contactsmanageradd.html

@@ -1,12 +1,12 @@
 <div class="modal-header">
   <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">{{_('Close')}}</span></button>
   <h4 class="modal-title" id="myModalLabel">
-    {{_('Add contacts')}}
+    {{_('Find new contacts')}}
   </h4>
 </div>
 <div class="modal-body">
   <div class="row contactsContentHead">
-    <div class="col-xs-10">
+    <div class="col-xs-12">
       <form class="form">
         <div class="row">
           <div class="col-xs-7">
@@ -16,9 +16,6 @@
         </div>
       </form>
     </div>
-    <div class="col-xs-2">
-      <button class="btn btn-default">{{_('Cancel')}}</button>
-    </div>
   </div>
   <div class="row">
     <div class="col-xs-12 contactsEditList">
@@ -95,3 +92,10 @@
     </div>
   </div>
 </div>
+<div class="modal-footer">
+   <div class="row">
+       <div class="col-xs-offset-10 col-xs-2">
+         <button class="btn btn-default">{{_('Done')}}</button>
+       </div>
+    </div>
+</div>

static/partials/contactsmanageredit.html

@@ -8,7 +8,6 @@
   <div class="container-fluid">
     <div class="row">
       <form class="form-horizontal">
-        <legend>{{_('Contact')}}</legend>
         <div class="form-group">
           <label class="col-xs-4 control-label">{{_('Name')}}</label>
           <div class="col-xs-6">
@@ -24,18 +23,20 @@
             <buttton class="btn btn-info contactsUploadPicBtn">{{_('Upload')}}</buttton>
           </div>
         </div>
-        <hr>
-        <div class="form-group">
-          <div class="col-xs-2">
-            <button class="btn btn-danger">{{_('Remove')}}</button>
-          </div>
-          <div class="col-xs-offset-4 col-xs-6">
-            <div class="pull-right">
-              <button class="btn btn-success">{{_('Ok')}}</button> <button class="btn btn-default">{{_('Cancel')}}</button>
-            </div>
-          </div>
-        </div>
       </form>
     </div>
   </div>
 </div>
+<div class="modal-footer">
+  <div class="row">
+    <div class="col-xs-2">
+      <button class="btn btn-danger">{{_('Remove')}}</button>
+    </div>
+    <div class="col-xs-offset-4 col-xs-6">
+      <div class="pull-right">
+        <button class="btn btn-default">{{_('Cancel')}}</button> 
+        <button class="btn btn-primary">{{_('Ok')}}</button>
+      </div>
+    </div>
+  </div>
+</div>