Fixes toolbar visual problem on mouse over.

index.html

@@ -65,38 +65,53 @@
         <div id="header">
             <span id="toolbar">
                 <a class="button" data-toggle="popover" data-placement="bottom" data-content="Mute / Unmute" onclick='toggleAudio();'>
-                    <i id="mute" class="icon-microphone"></i></a>
+                    <i id="mute" class="icon-microphone"></i>
+                </a>
                 <div class="header_button_separator"></div>
                 <a class="button" data-toggle="popover" data-placement="bottom" data-content="Start / stop camera" onclick='buttonClick("#video", "icon-camera icon-camera-disabled");toggleVideo();'>
-                    <i id="video" class="icon-camera"></i></a>
+                    <i id="video" class="icon-camera"></i>
+                </a>
                 <span id="recording" style="display: none">
                     <div class="header_button_separator"></div>
                     <a class="button" data-toggle="popover" data-placement="bottom" data-content="Record" onclick='toggleRecording();'>
-                        <i id="recordButton" class="icon-recEnable"></i></a>
+                        <i id="recordButton" class="icon-recEnable"></i>
+                    </a>
                 </span>
                 <div class="header_button_separator"></div>
                 <a class="button" data-toggle="popover" data-placement="bottom" data-content="Lock / unlock room" onclick="Toolbar.openLockDialog();">
-                    <i id="lockIcon" class="icon-security"></i></a>
+                    <i id="lockIcon" class="icon-security"></i>
+                </a>
                 <div class="header_button_separator"></div>
-                <a class="button" data-toggle="popover" data-placement="bottom" data-content="Invite others" onclick="Toolbar.openLinkDialog();"><i class="icon-link"></i></a>
+                <a class="button" data-toggle="popover" data-placement="bottom" data-content="Invite others" onclick="Toolbar.openLinkDialog();">
+                    <i class="icon-link"></i>
+                </a>
                 <div class="header_button_separator"></div>
                 <span class="toolbar_span">
-                    <a class="button" data-toggle="popover" data-placement="bottom" data-content="Open / close chat" onclick='Chat.toggleChat();'><i id="chatButton" class="icon-chat"></i></a>
+                    <a class="button" data-toggle="popover" data-placement="bottom" data-content="Open / close chat" onclick='Chat.toggleChat();'>
+                        <i id="chatButton" class="icon-chat"></i>
+                    </a>
                     <span id="unreadMessages"></span>
                 </span>
                 <div class="header_button_separator"></div>
-                <a class="button" data-toggle="popover" data-placement="bottom" data-content="Share Prezi" onclick='Prezi.openPreziDialog();'><i class="icon-prezi"></i></a>
+                <a class="button" data-toggle="popover" data-placement="bottom" data-content="Share Prezi" onclick='Prezi.openPreziDialog();'>
+                    <i class="icon-prezi"></i>
+                </a>
                 <span id="etherpadButton">
                     <div class="header_button_separator"></div>
-                    <a class="button" data-toggle="popover" data-placement="bottom" data-content="Shared document" onclick='Etherpad.toggleEtherpad(0);'><i class="icon-share-doc"></i></a>
+                    <a class="button" data-toggle="popover" data-placement="bottom" data-content="Shared document" onclick='Etherpad.toggleEtherpad(0);'>
+                        <i class="icon-share-doc"></i>
+                    </a>
                 </span>
                 <div class="header_button_separator"></div>
                 <span id="desktopsharing" style="display: none">
-                    <a class="button" data-toggle="popover" data-placement="bottom" data-content="Share screen" onclick="toggleScreenSharing();"><i class="icon-share-desktop"></i></a>
-                    <div class="header_button_separator"></div>
+                    <a class="button" data-toggle="popover" data-placement="bottom" data-content="Share screen" onclick="toggleScreenSharing();">
+                        <i class="icon-share-desktop"></i>
+                    </a>
                 </span>
+                <div class="header_button_separator"></div>
                 <a class="button" data-toggle="popover" data-placement="bottom" data-content="Enter / Exit Full Screen" onclick='buttonClick("#fullScreen", "icon-full-screen icon-exit-full-screen");Toolbar.toggleFullScreen();'>
-                    <i id="fullScreen" class="icon-full-screen"></i></a>
+                    <i id="fullScreen" class="icon-full-screen"></i>
+                </a>
                 <span id="sipCallButton">
                     <div class="header_button_separator"></div>
                     <a class="button" data-toggle="popover" data-placement="bottom" data-content="Call SIP number" onclick='callSipButtonClicked();'>