From 8872ca7083a7d69e5d5302a6ab8340ba4dff7067 Mon Sep 17 00:00:00 2001
From: Torsten Dreyer <torsten@ŧ3r.de>
Date: Sat, 28 Mar 2015 17:54:14 +0100
Subject: [PATCH] Phi: small tweaks to the airport chart

---
 webgui/topics/Environment/Position.html | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/webgui/topics/Environment/Position.html b/webgui/topics/Environment/Position.html
index 4ea9727b2..7525e2411 100644
--- a/webgui/topics/Environment/Position.html
+++ b/webgui/topics/Environment/Position.html
@@ -1,9 +1,15 @@
 <style>
+ .ui-autocomplete {
+max-height: 300px;
+overflow-y: auto;
+/* prevent horizontal scrollbar */
+overflow-x: hidden;
+}
 
 </style>
 <fieldset data-bind="visible: hasAirports">
-    <legend>Airports</legend>
-    <input type="text" data-bind="autocomplete: { source: airports, select: onSelect }" style="width: 100%;">
+    <legend>Search (enter at least two characters of airport name or id)</legend>
+    <input type="text" data-bind="autocomplete: { minLength: 2, source: airports, select: onSelect }" style="width: 100%;">
 </fieldset>
 
 <div style="width=100%" data-bind="with: selectedAirport">
@@ -20,20 +26,20 @@
   </div>
   <div style="float: right;">
     <div>
+      <span style="font-size: 20pt; font-weight: normal; float: right" data-bind="text: name"></span> 
+    </div>
+    <div>
 <!--
       <span style="font-size: 20pt; font-weight: bold;" data-bind="text: city"></span> 
       <span style="font-size: 20pt; font-weight: bold;">, </span>
       <span style="font-size: 20pt; font-weight: bold;" data-bind="text: country"></span>
 -->
     </div>
-    <div>
-      <span style="font-size: 14pt; font-weight: normal; float: right" data-bind="text: name"></span> 
-    </div>
   </div>
 </div>
 <div class="ui-helper-clearfix"></div>
 
-<fieldset data-bind="with: selectedAirport">
+<fieldset data-bind="with: selectedAirport, visible: selectedAirport">
     <legend>Communication</legend>
 <table style="width: 100%">
 <tr data-bind="foreach: comm">
@@ -47,11 +53,11 @@
 </table>
 </fieldset>
 
-<fieldset>
+<fieldset data-bind="visible: selectedAirport">
 <div id="phi-environment-position-map" style="height: 400px;"></div>
 </fieldset>
 
-<fieldset data-bind="with: selectedAirport">
+<fieldset data-bind="with: selectedAirport, visible: selectedAirport">
     <legend>Runway Information</legend>
 <table style="width: 100%" data-bind="foreach: runway">
 <tr>