--- a/integration/css/common.css	Tue Nov 27 15:03:20 2012 +0100
+++ b/integration/css/common.css	Tue Nov 27 18:58:38 2012 +0100
@@ -185,11 +185,11 @@
 .header .profil-wrap a:hover{
 	color: #FF00FC;
 }
-.header .profil-wrap a.all-hashcut{
+a.all-hashcut{
 	top: 2px;
 	background: url(../img/arrow-top.png) right 3px no-repeat;
 }
-.header .profil-wrap a.my-profil{
+a.my-profil{
 	top: 42px;
 	background: url(../img/arrow-bot.png) right 6px no-repeat;
 }
@@ -199,9 +199,8 @@
 .space-top-2{
 	padding-top: 30px;
 }
-.header .profil-wrap a.new-hashcut{
-	top: 22px;
-	background: url(../img/pencil-icon.png) right 0px no-repeat;
+a.new-hashcut{
+	background: url(../img/pencil-icon.png) right 3px no-repeat;
 }
 /* content */
 .content{

--- a/integration/js/editor.js	Tue Nov 27 15:03:20 2012 +0100
+++ b/integration/js/editor.js	Tue Nov 27 18:58:38 2012 +0100
@@ -509,10 +509,15 @@
     $("#segment-description").on("keyup change input paste", function() {
         if (currentMedia && currentSegment) {
             currentSegment.description = $(this).val();
+            updateSegmentUI();
             mashup.trigger("change");
         }
     });
     $("#segment-form").submit(function() {
+        currentSegment.title = $("#segment-title").val();
+        currentSegment.description = $("#segment-description").val();
+        currentSegment.keywords = $("#segment-tags").tagit("assignedTags");
+        updateSegmentUI();
         if (addMode) {
             mashup.addAnnotation(currentSegment);
             currentSegment = undefined;
@@ -539,6 +544,8 @@
         window.setTimeout(function() {
             if (currentMedia && currentSegment) {
                 currentSegment.keywords = $("#segment-tags").tagit("assignedTags");
+                updateSegmentUI();
+                mashup.trigger("change");
             }
         }, 0);
     }