Description:

There is a layout issue at the 'Icon Set' selector. When a user goes to edit settings using Firefox as his browser, the selector displays an icon with the text of each option. The problem appears when the user uses some other kind of browser, these are not showing the icon for each option.

Searching on Internet, some users said that Chrome, Safari and IE do not allow personalization with css of the <option> element. Maybe a solution it is change the form of how display this selector and use a list to emulate the behaviour of the <select> element.

Steps to Reproduce:
1. Log In as Administrator.
2. Go to a course.
3. Go to edit settings.
4. Set course format to 'Collapsed Topics'
5. Click on 'Icon Set' Selector
Expected: The elements on the selector contains an icon on the right part.
Actual: The elements on the selector does not contain any icon.