Luke Plant avatar Luke Plant committed 6f06832

Changed HTML layout for GUI

Comments (0)

Files changed (2)

semanticeditor/media/semanticeditor/javascript/wymeditor/plugins/semantic/wymeditor.semantic.js

     var headingsbox_id = id_prefix + 'headings';
     var optsbox_id = id_prefix + 'optsbox';
     var self = this;
-    container.after("<div class=\"prescontrolheadings\">Headings:<br/><select size=\"7\" id=\"" + headingsbox_id + "\"></select></div>" +
-		    "<div class=\"prescontroloptsboxcont\">Presentation choices:<div class=\"prescontroloptsbox\" id=\"" + optsbox_id + "\"></div></div>" +
-		    "<div class=\"prescontrolrefresh\"><input type=\"submit\" value=\"Refresh\" id=\"" + id_prefix + "refresh" + "\" /></div>" +
-		   "<div class=\"prescontrolerror\" id=\"" + id_prefix + "errorbox" + "\"></div>");
+    container.after(
+	"<div class=\"prescontrol\">" +
+	"<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td width=\"50%\"><div class=\"prescontrolheadings\">Headings:<br/><select size=\"7\" id=\"" + headingsbox_id + "\"></select></div></td>" +
+	"<td width=\"50%\"><div class=\"prescontroloptsboxcont\">Presentation choices:<div class=\"prescontroloptsbox\" id=\"" + optsbox_id + "\"></div></div></td></tr></table>" +
+	"<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td><div class=\"prescontrolrefresh\"><input type=\"submit\" value=\"Refresh headings\" id=\"" + id_prefix + "refresh" + "\" /></div></td>" +
+	"<td width=\"*\"><div class=\"prescontrolerror\" id=\"" + id_prefix + "errorbox" + "\"></div></td></tr></table>" +
+        "</div>");
 
     this.optsbox = jQuery('#' + optsbox_id);
     this.headingscontrol = jQuery('#' + headingsbox_id);

semanticeditor/media/semanticeditor/javascript/wymeditor/skins/semanticeditor/skin.css

 
 
 /* SEMANTIC EDITOR PRESENTATION CONTROLS */
-	.prescontrolheadings        { float: left; width: 50%; }
+	.prescontrolheadings        {  }
 	.prescontrolheadings select { min-width: 150px; }
-	.prescontroloptsboxcont     { float: left; width: 49%; }
+	.prescontroloptsboxcont     {  }
 	.prescontroloptsbox         { overflow-y: scroll; }
-	.prescontrolrefresh         { clear: both; }
-	.prescontrolerror           { color: red; overflow: hide; }
+	.prescontrolrefresh         {  }
+	.prescontrolerror           { color: red; }
 	/* TODO - styling for checkboxes and labels in prescontroloptsbox */
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.