Updated Toolbar Styling

[CaitW]

Additional styling suggestions welcome.

• The new style is constrained slightly by the fixed height of the header (75px, and therefore toolbar: 25px).
• The buttons have hover affordances (underlines, pointer-cursors) to indicate their selectability.
• Individual icons are specified via CSS
• Having to specify individual icons in the CSS is messy:

.tool-measure {
    .icon {
        .fa; // extend font-awesome to include generic icon styles
            &:before {
                content: @fa-var-arrows-h; // specify particular icon to be used 
            }
        }
    }
}

[theduckylittle]

Starting to get there! Please add the following:

1. Convert tabs to spaces.
2. Place the "#header" change into test.css and not in the less file as it's not a part of the toolbar.
3. Also remove the code for "#toolbar" from test.css. There should be no ID referenced CSS in the LESS files.

The goal of the CSS generated by LESS is not to do layout work but to provide styling for the individual components. How the toolbar is placed, rendered, and sized is up to the application but not up to GeoMoose.

[theduckylittle]

One last thing! As this is your first PR please add your name to CONTRIBUTORS.md (you may need to pull in upstream/master to get the file).

Everything else looks great!