diff --git a/angular_app/event-info.html b/angular_app/event-info.html
index 48259cc..19c5e1b 100644
--- a/angular_app/event-info.html
+++ b/angular_app/event-info.html
@@ -111,9 +111,9 @@
                     </div>
                 </div>
 
-                <div class="panel panel-info table-striped top5">
+                <div class="panel panel-info top5">
                     <div class="panel-heading">{{'Unregistered persons' | translate}}</div>
-                    <div class="panel-body" class="small-table">
+                    <div class="panel-body small-table">
                         <table class="table table-striped table-condensed">
                             <thead>
                                 <tr>
diff --git a/angular_app/index.html b/angular_app/index.html
index 8f2c7a5..e1fbc91 100644
--- a/angular_app/index.html
+++ b/angular_app/index.html
@@ -43,13 +43,16 @@
     -->
 
     <body>
-        <nav class="navbar navbar-default navbar-fixed-top" ng-controller="NavigationCtrl as n">
+        <nav class="navbar navbar-default navbar-fixed-top" ng-controller="NavigationCtrl">
             <div class="container">
-                <div class="collapse navbar-collapse">
+                <div class="navbar-header">
+                    <div ng-if="logo.imgURL" class="navbar-brand"><a ng-if="logo.link" href="{{logo.link}}" target="_blank"><img src="{{logo.imgURL}}" /></a></div>
                     <ul class="nav navbar-nav">
-                        <li ng-class="{active: n.isActive('/events') || n.isActive('/event')}"><a ui-sref="events">{{'Events' | translate}}</a></li>
-                        <li ng-class="{active: n.isActive('/persons') ||  n.isActive('/person') || n.isActive('/import/persons')}"><a ui-sref="persons">{{'Persons' | translate}}</a></li>
+                        <li ng-class="{active: isActive('/events') || isActive('/event')}"><a ui-sref="events">{{'Events' | translate}}</a></li>
+                        <li ng-class="{active: isActive('/persons') ||  isActive('/person') || isActive('/import/persons')}"><a ui-sref="persons">{{'Persons' | translate}}</a></li>
                     </ul>
+                </div>
+                <div class="collapse navbar-collapse">
                     <ul class="nav navbar-nav navbar-right">
                         <li>
                             <button  class="btn btn-link">
@@ -70,7 +73,7 @@
         <div ui-view></div>
 
         <div class="main-footer">
+            <a href="https://github.com/raspibo/eventman/" target="_blank">Event Man(ager)</a> by RaspiBO: <a href="http://raspibo.org">wiki</a> | <a href="http://social.raspibo.org">social network</a> | <a href="http://liste.raspibo.org/wws/">mailing lists</a> | <a href="mailto:info@raspibo.org">contact</a>
         </div>
-
     </body>
 </html>
diff --git a/angular_app/js/controllers.js b/angular_app/js/controllers.js
index af30822..e89cc71 100644
--- a/angular_app/js/controllers.js
+++ b/angular_app/js/controllers.js
@@ -7,13 +7,21 @@ var eventManControllers = angular.module('eventManControllers', []);
 
 
 /* A controller that can be used to navigate. */
-eventManControllers.controller('NavigationCtrl', ['$location',
-    function ($location) {
-        this.go = function(url) {
+eventManControllers.controller('NavigationCtrl', ['$scope', '$location', 'Setting',
+    function ($scope, $location, Setting) {
+        $scope.logo = {};
+
+        $scope.go = function(url) {
             $location.url(url);
         };
 
-        this.isActive = function (view) { 
+        Setting.query({setting: 'logo'}, function(data) {
+            if (data && data.length) {
+                $scope.logo = data[0];
+            }
+        });
+
+        $scope.isActive = function(view) {
             if (view === $location.path()) {
                 return true;
             }
diff --git a/static/css/eventman.css b/static/css/eventman.css
index 5ecb9f9..10d177c 100644
--- a/static/css/eventman.css
+++ b/static/css/eventman.css
@@ -2,9 +2,24 @@
 /* nav-bar padding */
 body { padding-top: 70px; }
 
+/* logo padding */
+.navbar-brand {
+    padding-top: 0px;
+    padding-right: 0px;
+    padding-bottom: 0px;
+}
+
 /* fix styling for empty href */
 .nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
 
+/* Footer links */
+.main-footer {
+    background-color: lightgray;
+    text-align: center;
+    padding: 4px;
+    font-size: x-small;
+}
+
 /* margins for lists */
 .top5 { margin-top: 5px; }
 .top10 { margin-top: 10px; }
@@ -50,8 +65,8 @@ body { padding-top: 70px; }
 
 /* a small table with a fixed height */
 .small-table {
-    height:200px;
-    overflow-x:hidden;
-    overflow-y:scroll;
+    height: 200px !important;
+    overflow-x: hidden !important;
+    overflow-y: scroll !important;
 }
 
