make spacing for icon class's consistent

he 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   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)