Binary file assets/annotate_arrow.psd has changed

--- a/src/css/LdtPlayer.css	Wed Dec 28 17:07:45 2011 +0100
+++ b/src/css/LdtPlayer.css	Thu Dec 29 15:08:35 2011 +0100
@@ -574,7 +574,7 @@
   font-family: "Arial",  "Verdana", "sans-serif";
   background-color:#eeeeee;
   background:url('imgs/wire_pattern.png') repeat scroll transparent ;
-  border: 1px solid #b6b8b8;
+  border: 1px solid #b6b8b8;  
 }
 
 .Ldt-createAnnotation-DoubleBorder {
@@ -596,12 +596,42 @@
   float: left;
 }
 
-.Ldt-createAnnotation-userAvatar {
-  float: right;
+.Ldt-createAnnotation-Container {  
+  display: table;
+  border-collapse: collapse;
+  width: 100%;
+}
+
+.Ldt-createAnnotation-userAvatar {  
+  width: 48px;
+  display: table-cell;
+  vertical-align: top;
+}
+
+.Ldt-createAnnotation-userAvatar img {  
+  display: block;
+  border: 1px solid #babcbc;
+}
+.Ldt-createAnnotation-profileArrow {
+  display: table-cell;
+  vertical-align: top;
+  height: 48px;
+  width: 15px;
+  padding-right: 5px;
+  padding-left: 3px;
+}
+
+.Ldt-createAnnotation-profileArrow img {
+  display: block;
+  margin-left: 4px;
 }
 
 .Ldt-createAnnotation-Description {
-  width: 470px;
-  height: 56px;
-  float: left;
+  display: table-cell;   
+  width: 100%;
+  height: 48px;  
+  vertical-align: top;
+  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
+  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
+  box-sizing: border-box;         /* Opera/IE 8+ */
 }
\ No newline at end of file

Binary file src/css/imgs/annotate_arrow.png has changed

--- a/src/templates/createAnnotationWidget.html	Wed Dec 28 17:07:45 2011 +0100
+++ b/src/templates/createAnnotationWidget.html	Thu Dec 29 15:08:35 2011 +0100
@@ -7,11 +7,13 @@
       <div class='Ldt-createAnnotation-TimeFrame'>(03:10-07:45)</div>
     </div>
     
-    <div style='overflow: auto;'>
+    <div class='Ldt-createAnnotation-Container'>
       <textarea class='Ldt-createAnnotation-Description'></textarea>
-      <img src='{{img_dir}}/profile_arrow.png' class='Ldt-createAnnotation-profileArrow'></img>
-      <div class='Ldt-createAnnotation-userAvatar'>
-        <img class='Ldt-createAnnotation-userAvatar'src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>
+      <div class='Ldt-createAnnotation-profileArrow'>
+        <img src='{{img_dir}}/annotate_arrow.png'></img>
+      </div>
+      <div class='Ldt-createAnnotation-userAvatar'>        
+        <img src='https://si0.twimg.com/sticky/default_profile_images/default_profile_1_normal.png'></img>
       </div> 
     </div>