ui: Underline the logo along with 'Home' text when active

- This works properly in mobile sizes by underlining only the logo.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>

plinth/templates/base.html

@@ -99,8 +99,9 @@
           <span class="icon-bar"></span>
         </button>
         {% block mainmenu_left %}
-          <a href="{% url 'index' %}"  class="navbar-brand"
-             title="{{ box_name }}">
+          <a href="{% url 'index' %}"  class="navbar-brand
+                   {% if not submenu.url %} menu_link_active {% else %}
+                   menu_link {% endif %}" title="{{ box_name }}">
             <i class="fa fa-freedombox fa-2x fa-inverse" aria-hidden="true"></i>
           </a>
         {% endblock %}

static/themes/default/css/plinth.css

@@ -78,6 +78,7 @@ body {
 }
 
 .navbar-brand {
+    height: 53px;
     margin-right: -30px;
 }