try to gain some vertical space in topmenu : show 'logged in as' in x-small

diff --git a/views/css/topmenu.css b/views/css/topmenu.css
index 0b9f14f..325b965 100644 (file)
--- a/views/css/topmenu.css
+++ b/views/css/topmenu.css
@@ -9,3 +9,4 @@ button#logout {
     margin-left: 8px; 
     margin-bottom: 10px; 
 }
+span.logged-in { font-size: x-small; }

diff --git a/views/templates/widget-topmenu.html b/views/templates/widget-topmenu.html
index eabd6f8..1b14c8a 100644 (file)
--- a/views/templates/widget-topmenu.html
+++ b/views/templates/widget-topmenu.html
@@ -13,7 +13,7 @@
          <li class='active'> <a href="{{ d.href }}"> {{ d.label }} </a> </li> {% else %}
          <li class='other'> <a href="{{ d.href }}"> {{ d.label }} </a> </li> {% endif %} {% endfor %}
        </ul> {# logout.js will attach a click function on that button, which then retrieves the 'username' attribute #}
-       <span class="navbar-text pull-right"> {% if username %} Logged in as {{ username }}
+       <span class="navbar-text pull-right logged-in"> {% if username %} Logged in as {{ username }}
        <button id='logout' class='btn btn-danger' username='{{ username }}'>Logout</a> {% else %}Not logged in{% endif %}</span>
       </div><!--nav-collapse-->
     </div><!--container-fluid-->