/*
 * Copyright 2015 Ryan Gilera.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
package com.github.daytron.revworks.ui.dashboard;

import com.github.daytron.revworks.MainUI;
import com.github.daytron.revworks.event.AppEvent;
import com.github.daytron.revworks.event.AppEventBus;
import com.vaadin.server.FontAwesome;
import com.vaadin.ui.Alignment;
import com.vaadin.ui.Button;
import com.vaadin.ui.HorizontalLayout;
import com.vaadin.ui.Label;
import com.vaadin.ui.themes.ValoTheme;

/**
 * Ui widget component for dashboard header.
 * 
 * @author Ryan Gilera
 */
public class DashboardHeader extends HorizontalLayout {

    public DashboardHeader() {
        setSpacing(true);
        addStyleName("view-dashboard-header");
        
        Label titleLabel = new Label("RevWorks");
        titleLabel.setSizeUndefined();
        titleLabel.addStyleName(ValoTheme.LABEL_H1);
        titleLabel.addStyleName(ValoTheme.LABEL_NO_MARGIN);
        addComponent(titleLabel);

        Label welcomeUserLabel = new Label("Welcome " +
                    MainUI.get().getAccessControl().getFullName());
        welcomeUserLabel.setStyleName("welcome-text");
        
        Button notificatioButton = new Button();
        notificatioButton.setStyleName(ValoTheme.BUTTON_ICON_ONLY);
        notificatioButton.setIcon(FontAwesome.BELL);
        
        Button logOutButton = new Button();
        logOutButton.setStyleName(ValoTheme.BUTTON_ICON_ONLY);
        logOutButton.setIcon(FontAwesome.SIGN_OUT);
        logOutButton.addClickListener(new Button.ClickListener() {

            @Override
            public void buttonClick(Button.ClickEvent event) {
                AppEventBus.post(new AppEvent.UserLogoutRequestEvent());
            }
        });
        
        HorizontalLayout toolbar = new HorizontalLayout(welcomeUserLabel, 
        notificatioButton, logOutButton);
        toolbar.setSpacing(true);
        toolbar.setStyleName("dashboard-toolbar");
        toolbar.setComponentAlignment(welcomeUserLabel, Alignment.BOTTOM_LEFT);
        
        addComponent(toolbar);
    }
    
}

@@ -1383,17 +1383,17 @@
 .LABEL_H
-1
+2
 );%0A     
@@ -1447,16 +1447,71 @@
 ARGIN);%0A
+        titleLabel.addStyleName(ValoTheme.LABEL_BOLD);%0A
         
@@ -1834,32 +1834,96 @@
 TON_ICON_ONLY);%0A
+        notificatioButton.setStyleName(ValoTheme.BUTTON_SMALL);%0A
         notifica
@@ -2004,32 +2004,32 @@
 = new Button();%0A
-
         logOutBu
@@ -2067,32 +2067,91 @@
 TON_ICON_ONLY);%0A
+        logOutButton.setStyleName(ValoTheme.BUTTON_SMALL);%0A
         logOutBu

Refactor ui style for smaller label