issue115, fix style of tag-result icon-bar

Signed-off-by: Andreas Unterkircher <unki@netshadow.at>

diff --git a/phpfspot.class.php b/phpfspot.class.php
index d2bb907009a9a29d98809247f7699b1aecb65425..9c4321aacc8132f9e49eca0526e3cbf5573e809b 100644 (file)
--- a/phpfspot.class.php
+++ b/phpfspot.class.php
@@ -778,17 +778,10 @@ class PHPFSPOT {
                   break;
                case 'img':
                   $output.= "
-                  <div style=\"display: table-cell;\">
-                   <div style=\"display: table-row; text-align: center;\">
-                    <a href=\"javascript:Tags('del', ". $tag .");\" title=\"". $this->tags[$tag] ."\">
-                     <img src=\"". $this->cfg->web_path ."/phpfspot_img.php?tagidx=". $tag ."\" />
-                    </a>
-                   </div>
-                   <div style=\"display: table-row; text-align: center;\">
-                    <a href=\"javascript:Tags('del', ". $tag .");\" title=\"". $this->tags[$tag] ."\">
-                     <img src=\"". $this->cfg->web_path ."/resources/underbar.png\" />
-                    </a>
-                   </div>
+                  <div class=\"tagresulttag\">
+                   <a href=\"javascript:Tags('del', ". $tag .");\" title=\"". $this->tags[$tag] ."\">
+                    <img src=\"". $this->cfg->web_path ."/phpfspot_img.php?tagidx=". $tag ."\" />
+                   </a>
                   </div>
                   ";
                   break;

diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css
index 1c0ebcfed91fa53334be6ee13662e1dc8073d9c3..4aa376cea511d9bd6bdf790583cba0dc6df406f5 100644 (file)
--- a/themes/default/stylesheet.css
+++ b/themes/default/stylesheet.css
@@ -105,8 +105,15 @@ div.tagresult{
 }
 
 div.tagresulttags{
-   padding:                5px 10px 5px 10px;
+   padding:                5px 0px 5px 10px;
    background-color:       #eeeeee;
+   vertical-align:         middle;
+}
+
+div.tagresulttag{
+   padding:                0 0 0 5px;
+   background-color:       #eeeeee;
+   display:                inline;
 }
 
 div.photo{ 
@@ -220,7 +227,9 @@ div.thumb a.thumblink:hover {
    color:                  #4761ab;
 }
 
-.cb { clear: both; }
+.cb {
+   clear:                  both;
+}
 
 #photo_details {
    width:                  150px;