From 2330399247af870aa4a20db27011f86bd977b436 Mon Sep 17 00:00:00 2001
From: Tomas Bzatek <tbzatek@users.sourceforge.net>
Date: Tue, 17 Feb 2009 22:40:23 +0100
Subject: Lock items in separate divs to prevent sloppy focus when scaled
 down/up

---
 templates/template-index.tmpl | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

(limited to 'templates/template-index.tmpl')

diff --git a/templates/template-index.tmpl b/templates/template-index.tmpl
index 0545fe2..22a8ad3 100644
--- a/templates/template-index.tmpl
+++ b/templates/template-index.tmpl
@@ -34,20 +34,24 @@
   <div class="index_thumbs">
   <!-- $(BEGIN_IMG_LIST) -->
     <!-- $(BEGIN_IMG_LIST_LANDSCAPE) -->
-      <a class="index_item" href="<!-- $(ALBUM_SUBPATH) -->" id="<!-- $(IMG_LIST_ID) -->">
-         <img src="<!-- $(IMG_THUMBNAIL) -->" alt="<!-- $(IMG_TITLE) -->" />
-         <span class="album_text"><!-- $(IMG_TITLE) --></span><br />
-         <span class="album_subtext"><!-- $(IMG_DESCRIPTION) --></span>
-         <span class="album_note">(<!-- $(ALBUM_NUM_ITEMS) --> items)</span>
-      </a>
+      <div class="index_item" id="<!-- $(IMG_LIST_ID) -->">
+        <a href="<!-- $(ALBUM_SUBPATH) -->">
+           <img src="<!-- $(IMG_THUMBNAIL) -->" alt="<!-- $(IMG_TITLE) -->" />
+           <span class="album_text"><!-- $(IMG_TITLE) --></span><br />
+           <span class="album_subtext"><!-- $(IMG_DESCRIPTION) --></span>
+           <span class="album_note">(<!-- $(ALBUM_NUM_ITEMS) --> items)</span>
+        </a>
+      </div>  
     <!-- $(END_IMG_LIST_LANDSCAPE) -->
     <!-- $(BEGIN_IMG_LIST_PORTRAIT) -->
-      <a class="index_item" href="<!-- $(ALBUM_SUBPATH) -->" id="<!-- $(IMG_LIST_ID) -->">
-         <img src="<!-- $(IMG_THUMBNAIL) -->" alt="<!-- $(IMG_TITLE) -->" />
-         <span class="album_text_portrait"><!-- $(IMG_TITLE) --></span><br />
-         <span class="album_subtext_portrait"><!-- $(IMG_DESCRIPTION) --></span>
-         <span class="album_note">(<!-- $(ALBUM_NUM_ITEMS) --> items)</span>
-      </a>
+      <div class="index_item" id="<!-- $(IMG_LIST_ID) -->">
+        <a href="<!-- $(ALBUM_SUBPATH) -->">
+           <img src="<!-- $(IMG_THUMBNAIL) -->" alt="<!-- $(IMG_TITLE) -->" />
+           <span class="album_text_portrait"><!-- $(IMG_TITLE) --></span><br />
+           <span class="album_subtext_portrait"><!-- $(IMG_DESCRIPTION) --></span>
+           <span class="album_note">(<!-- $(ALBUM_NUM_ITEMS) --> items)</span>
+        </a>
+      </div>  
     <!-- $(END_IMG_LIST_PORTRAIT) -->
     <!-- $(BEGIN_LIST_SEPARATOR) -->
       <div class="separators">
-- 
cgit v1.2.3