Screenshot in sized div to make loading smoother

diff --git a/static/debpkg.css b/static/debpkg.css
index 80d597ef935ed140fff928a85d1d4a7428511714..d816342f44cffb7895eb24e343f186a28c05aeff 100644 (file)
--- a/static/debpkg.css
+++ b/static/debpkg.css
@@ -47,6 +47,9 @@
 #pmoreinfo a {
        text-decoration: none;
 }
+#pmoreinfo div.screenshot {
+       min-height: 120px;
+}
 #pmoreinfo a:hover {
        text-decoration: underline;
 }

diff --git a/templates/html/show.tmpl b/templates/html/show.tmpl
index 943ea8bb4f904a7d16f283d6b1653f1de45aab7e..c380d9f30d2e2af28fa11f5ed9885cd34fd5dddf 100644 (file)
--- a/templates/html/show.tmpl
+++ b/templates/html/show.tmpl
@@ -64,7 +64,9 @@
 <div id="pmoreinfo">
 <h2>[% g('Links for %s', pkg) %]</h2>
 [% IF screenshots_url && screenshots_thumb_url && !is_source %]
+<div class="screenshot">
 <a id="screenshot" href="[% screenshots_url _ pkg %]"><img src="[% "$screenshots_thumb_url/$pkg/$version" %]" alt="Screenshot" border="0"/></a>
+</div>
 [% END %]
 <h3>[% g('%s Resources:', organisation) %]</h3>
 <ul>