diff --git a/ui/index.html b/ui/index.html
index fbce1445..3b15a38c 100755
--- a/ui/index.html
+++ b/ui/index.html
@@ -59,12 +59,12 @@
display: inline-block;
vertical-align: middle;
text-align;left;
- width: 100px;
- height: 100px;
+ width: 300px;
+ height: 300px;
font-size: 12pt;
background: black;
- box-sizing:border-box;
+ box-sizing: border-box;
border: solid gray 1px;
color: white;
}
@@ -72,6 +72,25 @@
background: red;
}
+/* XXX this misbehaves... (happens with page zoom) */
+.marked.image:after {
+ display: block;
+ position: absolute;
+ content: "";
+ font-size: 0pt;
+ border: none;
+
+ /* XXX this is not uniform circle for some reason... (connected with page zoom) */
+ width: 5px;
+ height: 5px;
+
+ bottom: 5px;
+ right: 5px;
+
+ border-radius: 50%;
+ background: blue;
+}
+
@@ -98,6 +117,11 @@ Split the API into the following sections:
*/
+
+var toggleImageMark = createCSSClassToggler('.current.image', 'marked')
+
+
+
function createImage(n){
if(n == null){
if(window._n == null){