Improved layout of event/task editor

UI/Templates/SchedulerUI/UIxComponentEditor.wox

@@ -101,7 +101,7 @@
              ><var:string label:value="Edit"/></a></span></label>
       <hr />
       <label id="commentArea"><var:string label:value="Description:"
-	  /><textarea rows="20" name="comment" var:value="comment" /></label>
+	  /><span class="content"><textarea rows="20" name="comment" var:value="comment" /></span></label>
       <label id="documentLabel" style="display: none;"><var:string label:value="Document:"
 	  /><span class="content"
 	  ><a href="#" id="documentHref"><!-- space --></a

UI/WebServerResources/UIxAppointmentEditor.css

@@ -53,7 +53,7 @@ LABEL, SPAN.checkBoxList
 SELECT
 { margin-left: 1px; }
 
-LABEL#commentArea
+n0LABEL#commentArea
 { height: 17em; }
 
 LABEL#commentArea textarea
@@ -105,7 +105,8 @@ SPAN#categoriesCB LABEL
   margin-right: 1em; }
 
 SPAN.content > INPUT.textField
-{ width: 380px; }
+{ n0width: 380px;
+  width: 97%; }
 
 LABEL#urlArea INPUT
 { position: static; }

UI/WebServerResources/UIxComponentEditor.css

@@ -30,13 +30,10 @@ SPAN.content
   line-height: 2em;
   top: -.25em;
   left: 8em;
-  right: 1em;
+  right: 0em;
   text-overflow: ellipsis;
-  overflow: hidden; }
-
-SPAN.content > INPUT.textField,
-LABEL#commentArea textarea
-{ max-width: 380px; }
+  overflow: hidden;
+  min-height: 22px; }
 
 LABEL, SPAN.checkBoxList
 { display: block;
@@ -48,20 +45,12 @@ LABEL, SPAN.checkBoxList
   width: 100%; }
 
 LABEL#commentArea textarea
-{ position: absolute;
-  top: 0;
-  width: 100%;
-  left: 8em;
-  right: 1em;
-  margin: 0px;
-  margin: auto;
-  margin-left: 1px; }
+{ width: 97%; }
 
 SPAN.headerContent
 {
   width: 80%;
   height: 1px;
-  background: #aaaaaa;
   top: 0.9em;
 }
 LABEL.title

UI/WebServerResources/UIxTaskEditor.css

@@ -13,20 +13,6 @@ DIV.appointmentRightLabel
 { display: inline;
   vertical-align: middle; }
 
-LABEL, SPAN.checkBoxList
-{ display: block;
-  position: relative;
-  height: 1.5em;
-  margin-left: .5em;
-  margin-bottom: .5em;
-  width: 100%; }
-
-LABEL#commentArea
-{ height: 15em; }
-
-LABEL#commentArea textarea
-{ height: 15em; }
-
 SPAN.checkBoxList#participantsCB
 { height: 7em; }
 
@@ -39,21 +25,6 @@ DIV#participants UL.contactList
 SPAN.checkBoxList SPAN.content LABEL
 { display: inline; }
 
-SPAN.content
-{ position: absolute;
-  top: -.25em;
-  left: 6em;
-  right: 1em; }
-
-TEXTAREA
-{ position: absolute;
-  top: 0px;
-  left: 6em;
-  vertical-align: bottom;
-  bottom: 1em;
-  right: 1em;
-  padding-bottom: 0em; }
-
 A#changeUrlButton
 { margin-left: 1em; }
 
@@ -91,7 +62,8 @@ SPAN#allDay > INPUT
 { position: static; }
 
 SPAN.content > INPUT.textField
-{ width: 390px; }
+{ width: 390px;
+  width: 97%; }
 
 INPUT#startDateCB,
 INPUT#dueDateCB,