From 14e81d90911e89847175cead7135c3bce38274be Mon Sep 17 00:00:00 2001
From: Braun Patrik <braun.patrik@aut.bme.hu>
Date: Sat, 15 Jul 2017 17:42:50 +0200
Subject: [PATCH] improving settings views

---
 .../settings/map/map.settings.component.html  | 21 ++++++++++++-------
 .../search/search.settings.component.html     |  2 ++
 .../share/share.settings.component.html       |  2 ++
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/frontend/app/settings/map/map.settings.component.html b/frontend/app/settings/map/map.settings.component.html
index b078f251..de7ff0eb 100644
--- a/frontend/app/settings/map/map.settings.component.html
+++ b/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,12 +21,19 @@
       <div [hidden]="!error" class="alert alert-danger" role="alert"><strong>Error: </strong>{{error}}</div>
 
 
-      <input type="text" class="form-control" placeholder="Google api key"
-             [(ngModel)]="settings.googleApiKey"
-             [disabled]="!settings.enabled"
-             name="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 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" 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"
diff --git a/frontend/app/settings/search/search.settings.component.html b/frontend/app/settings/search/search.settings.component.html
index 3a1959d8..f58c7651 100644
--- a/frontend/app/settings/search/search.settings.component.html
+++ b/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>
 
diff --git a/frontend/app/settings/share/share.settings.component.html b/frontend/app/settings/share/share.settings.component.html
index c881b68a..65cbdd4d 100644
--- a/frontend/app/settings/share/share.settings.component.html
+++ b/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>