issue59, tag selection is now html-table free

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

2 files changed, 17 insertions, 46 deletions

diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css
index 3239fe3..cfc6223 100644
--- a/themes/default/stylesheet.css
+++ b/themes/default/stylesheet.css
@@ -45,14 +45,6 @@ table, tr, td {
    padding:                0px;
 }
 
-td.available_tags,td.selected_tags {
-   border-bottom:          solid 1px #000000;
-   padding-top:            10px;
-   padding-bottom:         10px;
-   padding-right:          10px;
-   line-height:            21px;
-}
-
 td.searchfor {
    border-bottom:          solid 1px #000000;
    padding-top:            10px;
@@ -168,9 +160,14 @@ div.thumb a.thumblink:hover {
    z-index:                100;
 }
 
-#available_tags {
+#available_tags,#selected_tags {
    clip:                   auto;
    overflow:               auto;
+   border-bottom:          solid 1px #000000;
+   padding-top:            10px;
+   padding-bottom:         10px;
+   padding-right:          10px;
+   line-height:            21px;
 }
 
 table.calendar tr td {
@@ -217,4 +214,3 @@ input, select, textarea {
    border:                 1px solid #888888;
    border-collapse:        collapse;
 }
-
diff --git a/themes/default/templates/tags.tpl b/themes/default/templates/tags.tpl
index 21469d8..52c870c 100644
--- a/themes/default/templates/tags.tpl
+++ b/themes/default/templates/tags.tpl
@@ -1,36 +1,11 @@
-<table>
- <tr>
-  <td style="vertical-align: middle; text-decoration: underline;">
-   <img src="resources/available_tags.png" alt="available tags" />Available Tags:
-  </td>
- </tr>
- <tr>
-  <td class="available_tags">
-   <div id="available_tags"></div>
-  </td>
- </tr>
- <tr>
-  <td>
-   <table style="width: 100%;">
-    <tr>
-     <td style="vertical-align: bottom; text-decoration: underline;">
-      <img src="resources/selected_tags.png" alt="selected tags" />Selected Tags:
-     </td>
-     <td style="vertical-align: bottom; white-space: nowrap;">
-      &nbsp;
-      <input type="radio" name="condition" value="or" onclick="Tags('condition', this);" {if $current_condition == "or" } checked="checked" { /if } title="OR condition" />||
-      <input type="radio" name="condition" value="and" onclick="Tags('condition', this);" {if $current_condition == "and" } checked="checked" { /if } title="AND condition" />&amp;&amp;
-     </td>
-    </tr>
-   </table>
-  </td>
- </tr>
- <tr>
-  <td class="selected_tags">
-   <div id="selected_tags">no tags selected</div>
-  </td>
- </tr>
- <tr>
-  <td>&nbsp;</td>
- </tr>
-</table>
+<span style="vertical-align: middle; text-decoration: underline;">
+ <img src="resources/available_tags.png" alt="available tags" />Available Tags:
+</span>
+<div id="available_tags"></div>
+<span style="vertical-align: middle; text-decoration: underline;">
+ <img src="resources/selected_tags.png" alt="selected tags" />Selected Tags:
+</span
+ &nbsp;
+ <input type="radio" name="condition" value="or" onclick="Tags('condition', this);" {if $current_condition == "or" } checked="checked" { /if } title="OR condition" />||
+ <input type="radio" name="condition" value="and" onclick="Tags('condition', this);" {if $current_condition == "and" } checked="checked" { /if } title="AND condition" />&amp;&amp;
+<div id="selected_tags">no tags selected</div>