Further work on web interface.

www/css/ts-screen.css

@@ -99,13 +99,13 @@ form {
     padding-right: 2em; }
     form .form-col input.text-input {
       width: 10em; }
-  form .form-submit {
+  form div.form-submit {
     float: left;
     width: 100%;
     overflow: hidden; }
-    form .form-submit input {
-      border: 1px solid #979681;
-      background: #f6f3ea; }
+  form div.form-submit input, form input.form-submit {
+    border: 1px solid #979681;
+    background: #f6f3ea; }
 
 #user {
   -moz-border-radius-topleft: 0.5em;

www/css/ts-screen.scss

@@ -123,15 +123,15 @@ form {
         input.text-input { width: 10em; }
     }
 
-    .form-submit {
+    div.form-submit {
         float: left;
         width: 100%;
         overflow: hidden;
+    }
 
-        input { 
-            border: 1px solid $bbor;
-            background: lighten($bbg, 10%);
-        }
+    div.form-submit input, input.form-submit { 
+        border: 1px solid $bbor;
+        background: lighten($bbg, 10%);
     }
 }
 

www/js/ts.js

@@ -31,6 +31,11 @@ function showNewNotes(event) {
     $("#add-notes").slideToggle("slow");
 }
 
+function newEntry(event) {
+    alert("TODO: create entry vi AJAX");
+    event.preventDefault();
+}
+
 function logout(event) {
     alert("TODO: log user out via AJAX.");
     event.preventDefault();

www/ts/index.yaws

@@ -87,12 +87,16 @@
         </div>
 
         <div id="new-entry" class="bar last-bar">
-            <form action="/ts/new-entry.yaws" onclick="newEntry(event)">
+            <form action="/ts/new-entry.yaws" onsubmit="newEntry(event)">
                 <span for="new-entry">begin a new activity:
                     <input name="new-entry" id="new-entry-input"
                         class="text-input" type="text"/>
-                    <a id="show-notes" href="#"
-                        onclick="showNewNotes(event)"/>add notes</a>
+                    <input name=submit-entry" id="submit-entry"
+                        class="form-submit" type="submit" value="create entry"/>
+                    <div class="control-links">
+                        <a id="show-notes" href="#"
+                            onclick="showNewNotes(event)"/>add notes</a>
+                    </div>
                 </span>
                 <div id="add-notes">
                     <label for="new-notes">notes:</label>