complete rebuild of Icon Spacing PR

The spacing after drop-down menu icons is not consistent. some use &nbsp; some use SPACE.
to better suit all templates, the spacing before and after all such icons is removed. This allows the spacing to either be in .css or .ini depending on users desires.
Further, the kerning between &nbsp;  and SPACE are not the same due to the very nature of their purpose.

To test:
just check spacing in element inspector as shown in these 2 images. The difference is much more dramatic when using a non-core template such as joostrap base.
BEFORE: 
![after](https://cloud.githubusercontent.com/assets/1850089/5542624/6e879d7a-8aae-11e4-9b21-51a5f4317fd0.JPG)
After
![before](https://cloud.githubusercontent.com/assets/1850089/5542625/6e8ca270-8aae-11e4-8d23-cd4a1dddc90d.JPG)