Index: sources/gui/qml/components/HeaderBar.qml
===================================================================
diff -u -r9048646630717f980a852df54349805ba63773e0 -r1f9e84f74ead9e10577c8caa204c6eb911e12ab8
--- sources/gui/qml/components/HeaderBar.qml	(.../HeaderBar.qml)	(revision 9048646630717f980a852df54349805ba63773e0)
+++ sources/gui/qml/components/HeaderBar.qml	(.../HeaderBar.qml)	(revision 1f9e84f74ead9e10577c8caa204c6eb911e12ab8)
@@ -7,6 +7,10 @@
 
     property alias menuHidden               : _headerMenu.hidden
     property alias headerMenuIndex          : _headerMenu.index
+    property alias titleText                : _title.text
+    property alias loggedUser               : _loggedInUser.text
+    readonly property int currentScreen     : _headerMenu.currentScreen
+    property alias statusColor              : _headerMenu.statusColor
 
     width   : Variables.applicationWidth
     height  : Variables.headerHeight
@@ -36,13 +40,31 @@
         }
     }
 
+    Text { id: _loggedInUser
+        color                   : Colors.textMain
+        anchors.top             : parent.top
+        anchors.horizontalCenter: parent.horizontalCenter
+        horizontalAlignment     : Text.AlignHCenter
+        verticalAlignment       : Text.AlignVCenter
+        font.pixelSize          : Fonts.fontHeaderbarUser
+    }
+
+    Text { id: _title
+        color               : Colors.textMain
+        anchors.centerIn    : parent
+        horizontalAlignment : Text.AlignHCenter
+        verticalAlignment   : Text.AlignVCenter
+        font.pixelSize      : Fonts.fontHeaderbarTitle
+        font.weight         : Font.DemiBold
+
+    }
+
     Item { id: _dateTimeItem
         width   : Variables.headerBarDateTimeWidth
         anchors {
             top     : parent.top
             left    : parent.left
             bottom  : parent.bottom
-            margins : 10
         }
 
         Column { id: _dateTimeColumn
@@ -54,8 +76,10 @@
                 height  : parent.height * 3/5
                 horizontalAlignment : Text.AlignHCenter
                 verticalAlignment   : Text.AlignVCenter
-                text    : vDateTime.time
-                font.pixelSize: 40
+                text            : vDateTime.time
+                font.pixelSize  : Fonts.fontHeaderbarTime
+                font.weight     : Font.DemiBold
+
             }
 
             Text { id: _dateText
@@ -65,7 +89,7 @@
                 horizontalAlignment : Text.AlignHCenter
                 verticalAlignment   : Text.AlignVCenter
                 text    : vDateTime.date
-                font.pixelSize: 25
+                font.pixelSize: Fonts.fontHeaderbarDate
             }
         }
     }
@@ -83,7 +107,7 @@
         height  : 15
         width   : _root.width / 5
         text    : vDateTime.timezone
-        font.pixelSize: 14
+        font.pixelSize: Fonts.fontHeaderbarTimezone
     }
 
     MainMenu { id: _headerMenu
@@ -93,13 +117,12 @@
             bottomMargin: hidden || disable ? height * -1 : 0
         }
         height  : parent.height
-        width   : parent.width / 3
+        width   : parent.width / 2 // gives the width of the headerbar menu
         hidden          : true
         titlePixelSize  : 32
         backgroundColor : Colors.transparent
         highlightHeight : 15
         isMainTreatment : true
-
         onHiddenChanged: { if (hidden) { index = 0 } }
     }