Fix service logos and give them some horizontal space.

Replace ids with classes, as ids should be unique.

css/newstyle.css

@@ -38,22 +38,25 @@ width: 16px;
 height: 16px;
 background: url('//podupti.me/img/smlogo.png') 0 0;
 display: inline-block;
+margin: 0 2px;
 }
-#twitter {
+.smlogo-twitter {
 background-position: 0 -776px;
 }
-#facebook {
+.smlogo-facebook {
 background-position: 0 -824px;
 }
-#tumblr {
+.smlogo-tumblr {
 background-position: 0 -792px;
 }
-#wordpress {
+.smlogo-wordpress {
 background-position: 0 -656px;
 }
-#xmpp {
-background-position: 0 -656px;
-display: inline-block;
+.smlogo-xmpp {
+background: none;
+}
+.smlogo-xmpp img {
+vertical-align: unset;
 }
 .morehover {
 display: inline-block;

show.php

@@ -65,11 +65,11 @@ $tip.="On a scale of 100 this pod is a {$row["score"]} right now";
      echo "<td data-toggle='tooltip' data-placement='bottom' title='".$row["whois"]." '>" . $row["country"] . "</td>\n";
 	}
      echo "<td class='' title=''>";
-     if ($row["service_facebook"] == "t") {echo "<div id='facebook' class='smlogo'></div>";}
-     if ($row["service_twitter"] == "t") {echo "<div id='twitter' class='smlogo'></div>";}
-     if ($row["service_tumblr"] == "t") {echo "<div id='tumblr' class='smlogo'></div>";}
-     if ($row["service_wordpress"] == "t") {echo "<div id='wordpress' class='smlogo'></div>";}
-     if ($row["xmpp"] == "t") {echo "<div id='xmpp'><img src='/images/icon-xmpp.png' width='16px' height='16px' title='XMPP chat server' alt='XMPP chat server'></div>";}
+     if ($row["service_facebook"] === "t") {echo "<div class='smlogo smlogo-facebook'></div>";}
+     if ($row["service_twitter"] === "t") {echo "<div class='smlogo smlogo-twitter'></div>";}
+     if ($row["service_tumblr"] === "t") {echo "<div class='smlogo smlogo-tumblr'></div>";}
+     if ($row["service_wordpress"] === "t") {echo "<div class='smlogo smlogo-wordpress'></div>";}
+     if ($row["xmpp"] === "t") {echo "<div class='smlogo smlogo-xmpp'><img src='/images/icon-xmpp.png' width='16' height='16' title='XMPP chat server' alt='XMPP chat server'></div>";}
      echo "</td></tr>\n";
 }
 pg_free_result($result);       

showfull.php

@@ -92,11 +92,11 @@ if (strpos($row["pingdomurl"], "pingdom.com")) {$moreurl = $row["pingdomurl"];}
      echo "<td>" . $row["score"] . "/100</td>\n";
      echo "<td>" . $row["country"] . "</td>\n";
      echo "<td class='' title=''>";
-     if ($row["service_facebook"] == "t") {echo "<div id='facebook' class='smlogo'></div>";}
-     if ($row["service_twitter"] == "t") {echo "<div id='twitter' class='smlogo'></div>";}
-     if ($row["service_tumblr"] == "t") {echo "<div id='tumblr' class='smlogo'></div>";}
-     if ($row["service_wordpress"] == "t") {echo "<div id='wordpress' class='smlogo'></div>";}
-     if ($row["xmpp"] == "t") {echo "<div id='xmpp'><img src='/images/icon-xmpp.png' width='16px' height='16px' title='XMPP chat server' alt='XMPP chat server'></div>";}
+     if ($row["service_facebook"] === "t") {echo "<div class='smlogo smlogo-facebook'></div>";}
+     if ($row["service_twitter"] === "t") {echo "<div class='smlogo smlogo-twitter'></div>";}
+     if ($row["service_tumblr"] === "t") {echo "<div class='smlogo smlogo-tumblr'></div>";}
+     if ($row["service_wordpress"] === "t") {echo "<div class='smlogo smlogo-wordpress'></div>";}
+     if ($row["xmpp"] === "t") {echo "<div class='smlogo smlogo-xmpp'><img src='/images/icon-xmpp.png' width='16' height='16' title='XMPP chat server' alt='XMPP chat server'></div>";}
      echo "</td></tr>\n";
 }
 pg_free_result($result);       

showmap.php

@@ -32,10 +32,11 @@ if (!$result) {
 $numrows = pg_num_rows($result);
 while ($row = pg_fetch_array($result)) {
   unset($feat);
-  if ($row["service_facebook"] == "t") {$feat.= "<div id=\'facebook\' class=\'smlogo\'></div>";}
-  if ($row["service_twitter"] == "t") {$feat.= "<div id=\'twitter\' class=\'smlogo\'></div>";}
-  if ($row["service_tumblr"] == "t") {$feat.= "<div id=\'tumblr\' class=\'smlogo\'></div>";}
-  if ($row["service_wordpress"] == "t") {$feat.= "<div id=\'wordpress\' class=\'smlogo\'></div>";}
+  if ($row["service_facebook"] === "t") {$feat .= "<div class='smlogo smlogo-facebook'></div>";}
+  if ($row["service_twitter"] === "t") {$feat .= "<div class='smlogo smlogo-twitter'></div>";}
+  if ($row["service_tumblr"] === "t") {$feat .= "<div class='smlogo smlogo-tumblr'></div>";}
+  if ($row["service_wordpress"] === "t") {$feat .= "<div class='smlogo smlogo-wordpress'></div>";}
+  if ($row["xmpp"] === "t") {$feat .= "<div class='smlogo smlogo-xmpp'><img src='/images/icon-xmpp.png' width='16' height='16' title='XMPP chat server' alt='XMPP chat server'></div>";}
   unset($signup);if ($row["signup"] == 1) {$signup = "yes";} else {$signup= "no";}
   $pod_name = htmlentities($row["name"], ENT_QUOTES);
   if ($row["secure"] == "true") {$ur="https";} else {$ur="http";}