Improve the Qt customized title bar

Smaller logo and use text for the 'home' link.
Fixe the "_" appearing when hovering the link. Also aligns us a bit more
with upstream.

Fixes: QTQAINFRA-2973
Change-Id: Ifaffc5082e52fda8375f131fd9b227e9148a4840
Reviewed-by: Jukka Jokiniva <[email protected]>
Reviewed-by: Tor Arne Vestbø <[email protected]>

Author: gladhorn

qt-gerrit-ui-plugin/qt-gerrit-ui-plugin.html

@@ -47,25 +47,19 @@
             // Customize header
             plugin.hook('header-title',  {replace: true} ).onAttached(element => {
                 const css_str = '<style> \
-                                    #qt-header ul { \
-                                        width: 100%; \
-                                        margin: 0; \
-                                        text-align: left; \
-                                        padding: 0.5em 0 .1em 0; \
-                                    } \
-                                    #qt-header li { \
-                                        display: inline; \
-                                        padding: 0.3em; \
-                                    } \
-                                    #qt-header img { \
-                                        vertical-align: top; \
-                                    } \
-                                  </style>';
+                                  .titleText::before {\
+                                  background-image: url(http://github.com/"/static/logo_qt.png");\
+                                  background-size: 40px 30px;\
+                                  background-repeat: no-repeat;\
+                                  content: "";\
+                                  display: inline-block;\
+                                  height: 36px;\
+                                  vertical-align: text-top;\
+                                  width: 46px;\
+                                }\
+                                </style>';
                 const html_str = '<div id="qt-header"> \
-                                    <ul> \
-                                      <li><img src="/static/logo_qt.png"/></li> \
-                                      <li><img src="/static/logo_open_gov.png"/></li> \
-                                    </ul> \
+                                    <div class="titleText">Code Review</div> \
                                   </div>';
                 var elem = htmlToElement(css_str);
                 element.appendChild(elem);