diff -r 20e00017dd60 -r 10974bff4dae web/res/metadataplayer/CreateAnnotation.css --- 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