update 'callerimg' placing

diff --git a/web/briskin5/briskin5.css b/web/briskin5/briskin5.css
index 1a0b876..95eeaaf 100644 (file)
--- a/web/briskin5/briskin5.css
+++ b/web/briskin5/briskin5.css
@@ -494,12 +494,6 @@ div.table_commands {
     height: 65px;
 }
 
-img.callerimg {
-    position:     absolute;
-    left: 133px;
-    top: 10px;
-}
-
 div#preferences_child div div {
     text-align: center;
     margin-bottom: 8px;

diff --git a/web/briskin5/index.php b/web/briskin5/index.php
index 8f0813e..4db0f0f 100644 (file)
--- a/web/briskin5/index.php
+++ b/web/briskin5/index.php
@@ -127,9 +127,15 @@ window.onload = function() {
   preferences_update();
 
   sess = "<?php echo "$sess"; ?>";
-  xstm = new xynt_streaming(window, <?php printf("\"%s\", %d", $transp_type, $transp_port); ?>,  2, null /* console */, gst, 'table_php', 'sess', sess, $('sandbox'), 'index_rd.php', function(com){eval(com);});
+  xstm = new xynt_streaming(window, <?php printf("\"%s\", %d", $transp_type, $transp_port); ?>,
+                            2, null /* console */, gst, 'table_php', 'sess', sess, $('sandbox'),
+                           'index_rd.php', function(com){eval(com);});
   xstm.hbit_set(heartbit);
 
+  /* dynamic callerimg positioning */
+  $("callerimg").style.left = (160 - cards_width_d2) + "px";
+  $("callerimg").style.top = (60 - cards_height_d2) + "px";
+
   window.onbeforeunload = onbeforeunload_cb;
   window.onunload = onunload_cb;
 
@@ -263,7 +269,7 @@ window.onload = function() {
 </div>
 <div id="caller" class="caller">
 <div id="callerinfo" class="callerinfo">Info</div>
-<img id="callerimg" src="img/noimg.png" class="callerimg">
+<img id="callerimg" src="img/noimg.png" class="sp-card">
 </div>
 <div class="table_commands">
 <table>