move #tricks to new line and center it

2 files changed, 14 insertions, 6 deletions

diff --git a/css/standard.css b/css/standard.css
index 3606812..5624cb5 100644
--- a/css/standard.css
+++ b/css/standard.css
@@ -184,7 +184,7 @@ div.table img.table {
 div.table div {
   /*background-color:green;*/
   position:absolute;
-  width:12.5%;
+  width:10.5%;
   text-align:center;
   z-index:20;
 }
@@ -702,6 +702,7 @@ div.table div img.gravatar, img.gravatar  {
     width:  4em;
     height: 4em;
     border: 3px solid #aaa;
+    float:left;
 }
 
 div img.button {
@@ -709,6 +710,12 @@ div img.button {
     width: 2em;
 }
 
+div span.numberoftricks {
+    text-align:center;
+    clear:both;
+    display:block;
+}
+
 .highcall {
     background-color: #fc3;
 }
diff --git a/include/functions.php b/include/functions.php
index 803d70d..0653ce4 100644
--- a/include/functions.php
+++ b/include/functions.php
@@ -1124,21 +1124,22 @@ function display_table ()
 	"title=\"local time: ".date("Y-m-d H:i:s",$timenow).  " ".
 	"last login: ".date("Y-m-d H:i:s",$lastlogin)."\" />";
 
+      echo "   <span class=\"numberoftricks\">";
       /* show how many tricks the person made */
       switch($wins)
 	{
 	case 0:
-	  echo "#tricks 0\n"; break;
+	  echo "#tricks 0"; break;
 	case 1:
-	  echo "#tricks 1\n"; break;
+	  echo "#tricks 1"; break;
 	case 2:
 	case 3:
 	case 4:
-	  echo "#tricks few\n"; break;
+	  echo "#tricks few"; break;
 	default:
-	  echo "#tricks many\n"; break;
+	  echo "#tricks many"; break;
 	}
-
+      echo "</span>\n";
       echo "  </div>\n";
 
     }