improve tags

2 files changed, 21 insertions, 16 deletions

diff --git a/imdb-lookup/html/index-files/css/style.css b/imdb-lookup/html/index-files/css/style.css
index 497333c..483d8bb 100644
--- a/imdb-lookup/html/index-files/css/style.css
+++ b/imdb-lookup/html/index-files/css/style.css
@@ -39,13 +39,6 @@
 }
 .info table td { padding: .2em; }
 .details { padding: 0.5em; }
-.files {
- z-index: 10;
- list-style: none;
- padding-left: 0px;
- font-size: 0.7em;
- margin: 0px;
-}
 .imdbid {
  font-family: monospace;
  padding: 3px; 
@@ -54,6 +47,14 @@
  border-radius: 4px;
 }
 .title { font-size: 2em; }
+.title a {
+    text-decoration: none;
+    color: inherit;
+}
+.title span {
+    font-size: 8pt;
+    vertical-align: center;
+}
 .headline { font-size: 0.9em; color: 3e3e3e; }
 .plot { margin-top: 10px; }
 .consensus { margin-top: 10px; font-style: italic;}
@@ -76,3 +77,10 @@
 label {
 font-weight: bold;
 }
+.movie-tag {
+ font-family: monospace;
+ padding: 3px; 
+ background-color: #f0f0f0; 
+ border: 1px solid #e0e0e0; 
+ border-radius: 4px;
+}
diff --git a/imdb-lookup/html/index.html b/imdb-lookup/html/index.html
index 53ceee7..cf9d102 100644
--- a/imdb-lookup/html/index.html
+++ b/imdb-lookup/html/index.html
@@ -80,7 +80,12 @@
       </td>
       <td class="info">
        <div class="title">
-        {{movie.title}}
+        <a {{bind-attr href=movie.path.path}} {{bind-attr title=movie.path.label}}>
+          {{movie.title}}
+        </a>
+          {{#each tag in movie.tags}}
+          <span class="movie-tag">{{tag}}</span>
+          {{/each}}
        </div>
        <div class="headline">
        <div class="plot">{{movie.plot}}</div>
@@ -104,14 +109,6 @@
          </td>
         </tr>
        </table>   
-       <ul class="files">
-         <li><a {{bind-attr href=movie.path.path}}>{{movie.path.label}}</a>
-         <li>
-          {{#each tag in movie.tags}}
-           {{tag}}
-          {{/each}}
-         </li>
-       </ul>       
       </td>
       <td class="ratings">
        <table>