--- a/web/res/metadataplayer/CreateAnnotation.css	Fri Dec 11 18:11:13 2015 +0100
+++ b/web/res/metadataplayer/CreateAnnotation.css	Tue Dec 29 13:25:14 2015 +0100
@@ -23,7 +23,7 @@
 }
 
 .Ldt-CreateAnnotation-Main {
-    min-height: 100px;
+    min-height: 50px;
 }
 
 .Ldt-CreateAnnotation-Title, .Ldt-CreateAnnotation-Creator {
@@ -43,14 +43,13 @@
     color: #ff3b77
 }
 
-.Ldt-CreateAnnotation-Submit {
+.Ldt-CreateAnnotation-Submit,
+.Ldt-CreateAnnotation-Cancel,
+.Ldt-CreateAnnotation-PreviewSubmit{
     position: absolute;
     bottom: 7px;
-    right: 7px;
-    display: inline;
     color: #ffffff;
     cursor: pointer;
-    background: url('img/submit_annotation.png');
     height: 50px;
     width: 50px;
     padding: 28px 0 0;
@@ -60,15 +59,27 @@
     cursor: pointer;
 }
 
-.Ldt-CreateAnnotation-Submit:hover {
+
+.Ldt-CreateAnnotation-Cancel{
+    right: 7px;
+    background: url('img/cancel_annotation.png');
+}
+
+.Ldt-CreateAnnotation-Submit{
+	right: 67px; 
+	background: url('img/submit_annotation.png');
+}
+
+.Ldt-CreateAnnotation-Submit:hover,
+.Ldt-CreateAnnotation-Cancel:hover{
     background-position: -50px 0;
 }
 
 .Ldt-CreateAnnotation-Description {
-    height: 56px;
+    height: 3em;
     padding: 2px;
     resize: none;
-    width: 460px;
+    width: calc(100% - 122px);
     border: 1px solid #666666;
     border-radius: 2px;
 }
@@ -104,6 +115,8 @@
 
 .Ldt-CreateAnnotation-TagList, .Ldt-CreateAnnotation-PolemicList {
     list-style: none;
+    width: calc(100% - 122px);
+    padding-left: 0px;
 }
 
 li.Ldt-CreateAnnotation-TagLi {
@@ -164,18 +177,4 @@
 
 a.Ldt-CreateAnnotation-Close:hover {
     background-position: -17px 0;
-}
-
-.Ldt-CreateAnnotation-Controls {
-    position: absolute;
-    top: 7px;
-    right: 7px;
-}
-
-span[class^='Ldt-CreateAnnotation-Control-'] {
-    background-color: #ddd;
-    padding: 2px;
-    margin: 4px;
-    border-radius: 3px;
-    border: 1px solid #888;
-}
+}
\ No newline at end of file