upgrading html wgt

resources/library/interactive/Html.wgt/index.html

@@ -22,8 +22,8 @@
                 $("#reset-btn").hide();
 
                 $('#markItUp').markItUp(mySettings);
-		$("#markItUp").width($(window).width()-22)
-					  .height(($(window).height())-(40));
+                $("#markItUp").width($(window).width()-100)
+                .height($(window).height()-80);
                 $('iframe').width($(window).width()-24)
                 .height($(window).height()-46);
                 if(window.sankore){
@@ -53,8 +53,8 @@
             });
 
             $(window).resize(function(){		
-	$("#markItUp").width($(window).width()-22)
-				  .height($(window).height()-40);
+                $("#markItUp").width($(window).width()-100)
+                .height($(window).height()-80);
                 $('iframe').width($(window).width()-24)
                 .height($(window).height()-46);	
                 $('#markItUpFooter').width($(window).width()-30);
@@ -66,7 +66,7 @@
         <textarea id="markItUp" cols="80" rows="20">
 Welcome to HTML EDITOR
         </textarea>
-<img id="reset-btn" src="images/bts.png" style="position:absolute; top:0; left:5">
+        <img id="reset-btn" src="images/bts.png" style="position:absolute; top:0; left:5"/>
 
     </body>
 </html>

resources/library/interactive/Html.wgt/markitup/skins/markitup/style.css

@@ -15,8 +15,8 @@ iframe {
     border: 0px solid #ffffff;
 }
 .markItUp  {
-	width:700px;
-	margin:5px 0 5px 0;
+    width:97%;
+    margin:5px 10px 5px 5px;
     border:5px solid #F5F5F5;	
 }
 .markItUpContainer  {
@@ -26,6 +26,7 @@ border: 0px solid #ffffff;
     font:11px Verdana, Arial, Helvetica, sans-serif;
 }
 .markItUpEditor {
+    width: 100%;
     font:12px 'Courier New', Courier, monospace;
     padding:5px 5px 5px 15px;
     border:3px solid #3C769D;