fix voip buttons header

This commit is contained in:
Matthew Hodgson 2015-10-25 02:36:27 +00:00
parent 1d3c821672
commit 8cd6d70c0a
2 changed files with 4 additions and 4 deletions

View File

@ -172,7 +172,7 @@ limitations under the License.
.mx_RoomHeader_button { .mx_RoomHeader_button {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: top;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
} }

View File

@ -133,17 +133,17 @@ module.exports = React.createClass({
if (activeCall.type == "video") { if (activeCall.type == "video") {
zoom_button = ( zoom_button = (
<div className="mx_RoomHeader_button" onClick={this.onFullscreenClick}> <div className="mx_RoomHeader_button" onClick={this.onFullscreenClick}>
<img src="img/zoom.png" title="Fullscreen" alt="Fullscreen" width="32" height="32" style={{ 'marginTop': '3px' }}/> <img src="img/zoom.png" title="Fullscreen" alt="Fullscreen" width="32" height="32" style={{ 'marginTop': '-5px' }}/>
</div> </div>
); );
} }
video_button = video_button =
<div className="mx_RoomHeader_button mx_RoomHeader_video" onClick={activeCall && activeCall.type === "video" ? this.onMuteVideoClick : this.onVideoClick}> <div className="mx_RoomHeader_button mx_RoomHeader_video" onClick={activeCall && activeCall.type === "video" ? this.onMuteVideoClick : this.onVideoClick}>
<img src="img/video.png" title="Video call" alt="Video call" width="32" height="32"/> <img src="img/video.png" title="Video call" alt="Video call" width="32" height="32" style={{ 'marginTop': '-8px' }}/>
</div>; </div>;
voice_button = voice_button =
<div className="mx_RoomHeader_button mx_RoomHeader_voice" onClick={activeCall ? this.onMuteAudioClick : this.onVoiceClick}> <div className="mx_RoomHeader_button mx_RoomHeader_voice" onClick={activeCall ? this.onMuteAudioClick : this.onVoiceClick}>
<img src="img/voip.png" title="VoIP call" alt="VoIP call" width="32" height="32"/> <img src="img/voip.png" title="VoIP call" alt="VoIP call" width="32" height="32" style={{ 'marginTop': '-8px' }}/>
</div>; </div>;
} }