display improvements for small screens

svn path=/trunk/; revision=75

diff --git a/templates/common.css.sh b/templates/common.css.sh
index da390b5e87727a657dddd39413ee813dc61277e9..b8c7ec4f9a903ee7c39c286ecce0f5d06eca36c8 100755 (executable)
--- a/templates/common.css.sh
+++ b/templates/common.css.sh
@@ -164,7 +164,7 @@ a.clearsearch, a.show, .pagination_nav {
   vertical-align: top;
   word-wrap: break-word;
 }
-@media (min-width: 480px){#thumblist .thumb{width: 50%;}}
+@media (min-width: 480px){#thumblist .thumb{width: 49.5%;}}
 @media (min-width: 640px){#thumblist .thumb{width: 33%;}}
 @media (min-width: 1024px){#thumblist .thumb{width: 256px;}}
 
@@ -187,10 +187,16 @@ a.clearsearch, a.show, .pagination_nav {
   margin: .75em .5em;
 }
 
-#tagger { display: none; }
-#tagger:target {
+#tagger,
+#preferences {
+  display: none;
+}
+#tagger:target,
+#preferences:target {
   display: block;
   z-index: 1;
+  max-height: 100%;
+  overflow-y: scroll;
 }
 #tagger .newtag select,
 #tagger .newtag .label{
@@ -198,11 +204,6 @@ a.clearsearch, a.show, .pagination_nav {
   width: 10em;
 }
 
-#preferences { display: none; }
-#preferences:target {
-  display: block;
-  z-index: 1;
-}
 #preferences > fieldset {
   border: solid 1px;
   border-radius: .25em;