Make the list of suites scrollable.

Also fix the spacing between the dropdown menu titles and the carets.

Change-Id: I5b95716f965add3674b1430b7e2603c59bd55d47

Author: georges-arm

lnt/server/ui/templates/layout.html

@@ -142,8 +142,8 @@
                 {% if g.db_name is defined %}
                 <ul class="nav">
                     <li class="dropdown">
-                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Suite<b class="caret"></b></a>
-                        <ul class="dropdown-menu">
+                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Suite <b class="caret"></b></a>
+                        <ul class="dropdown-menu pre-scrollable">
                             {% for name in request.get_db().testsuite %}
                                 <li><a href="{{db_url_for('.v4_recent_activity', testsuite_name=name)}}">{{name}}</a></li>
                             {% endfor %}
@@ -155,7 +155,7 @@
                 {% if g.testsuite_name is defined %}
                     <ul class="nav">
                         <li class="dropdown">
-                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{g.testsuite_name}}<b class="caret"></b></a>
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{g.testsuite_name}} <b class="caret"></b></a>
                             <ul class="dropdown-menu">
                               <li><a href="{{ v4_url_for('.v4_recent_activity') }}">Recent Activity</a></li>
                               <li><a href="{{ v4_url_for('.v4_global_status') }}">Global Status</a></li>
@@ -182,7 +182,7 @@
                 {% if baselines is defined %}
                 <ul class="nav">
                         <li class="dropdown">
-                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Baselines<b class="caret"></b></a>
+                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Baselines <b class="caret"></b></a>
                             <ul class="dropdown-menu">
                               <li><a href="{{ v4_url_for('.v4_baselines') }}">All Baselines</a></li>
                               <li class="divider"></li>
@@ -203,7 +203,7 @@
                 {% endif %}
                 <ul class="nav pull-right">
                     <li class="dropdown">
-                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">System<b class="caret"></b></a>
+                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">System <b class="caret"></b></a>
                         <ul class="dropdown-menu">
                           <li><a href="{{ url_for('.log') }}">Logs</a></li>
                           <li><a href="{{ url_for('.rules') }}">Rules</a></li>