improving settings views

frontend/app/settings/map/map.settings.component.html

@@ -1,4 +1,4 @@
-<form #settingsForm="ngForm">
+<form #settingsForm="ngForm" class="form-horizontal">
   <div class="panel panel-default">
     <div class="panel-heading">
       <h3 class="panel-title col-sm-4">Map settings</h3>
@@ -21,13 +21,20 @@
       <div [hidden]="!error" class="alert alert-danger" role="alert"><strong>Error: </strong>{{error}}</div>
 
 
+      <div class="form-group">
+        <label class="col-sm-2 control-label" for="googleApiKey">Google maps api key</label>
+        <div class="col-sm-10">
           <input type="text" class="form-control" placeholder="Google api key"
                  [(ngModel)]="settings.googleApiKey"
                  [disabled]="!settings.enabled"
-             name="googleApiKey" required>
+                 name="googleApiKey" id="googleApiKey" required>
           <span class="help-block">To show the images on a map, <a
             href="https://developers.google.com/maps/documentation/javascript/get-api-key">google api key</a> is need</span>
 
+
+        </div>
+      </div>
+
       <button class="btn btn-success pull-right"
               [disabled]="!settingsForm.form.valid || !changed || inProgress"
               (click)="save()">Save

frontend/app/settings/search/search.settings.component.html

@@ -39,6 +39,7 @@
               [switch-label-width]="'20'"
               [(ngModel)]="settings.autocompleteEnabled">
             </bSwitch>
+            <span class="help-block">Show hints while typing search query</span>
           </div>
         </div>
 
@@ -59,6 +60,7 @@
               [switch-label-width]="'20'"
               [(ngModel)]="settings.instantSearchEnabled">
             </bSwitch>
+            <span class="help-block">Enables showing search results, while typing search query</span>
           </div>
         </div>
 

frontend/app/settings/share/share.settings.component.html

@@ -38,6 +38,8 @@
               [switch-label-width]="'20'"
               [(ngModel)]="settings.passwordProtected">
             </bSwitch>
+            <span class="help-block">Enables password protected sharing links</span>
+
           </div>
         </div>