#516 update UI for the WYSIWYG
#516 update wireframe for WYSIWYG