1. Edit modules/boonex/simple_messenger/templates/base/css/simple_messenger.css
2. Look for:
div.simple_messenger_chat_block div.messages_history{
position:absolute;
visibility:hidden;
right:-1px;
background-repeat: repeat;
width:250px;
border-left:1px solid #B7B7B7;
border-right:1px solid #B7B7B7;
cursor:default;
Change the: width: 250px; to whatever width you like!
The HEIGHT can also be adjusted by looking for:
div.simple_messenger_chat_block div.messages_history div.messages_section{
overflow-x:hidden;
overflow-y:scroll;
height:200px;
text-align:left;
margin:10px;
border:1px solid #B2B2B2;
background-color:#fff;
padding:5px;
Change width of input text box:
Look for:
div.simple_messenger_chat_block div.messages_history div.input_wrapper_text{
width:300px;