diff --git a/js/catalog.js b/js/catalog.js
index 4a4eae37..768845f6 100644
--- a/js/catalog.js
+++ b/js/catalog.js
@@ -7,12 +7,9 @@ if (active_page == 'catalog') $(function(){
$("#image_size").change(function(){
var value = this.value, old;
- if (value == "small") {
- old = "large";
- } else {
- old = "small";
- }
- $(".grid-li").removeClass("grid-size-"+old);
+ $(".grid-li").removeClass("grid-size-vsmall");
+ $(".grid-li").removeClass("grid-size-small");
+ $(".grid-li").removeClass("grid-size-large");
$(".grid-li").addClass("grid-size-"+value);
});
diff --git a/stylesheets/style.css b/stylesheets/style.css
index 6128ead3..0dcd7388 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -533,6 +533,16 @@ form.ban-appeal textarea {
margin-left: -20px;
}
+.theme-catalog div.grid-size-vsmall img {
+ max-width: 100%;
+}
+
+.theme-catalog div.grid-size-vsmall {
+ width: 100px;
+ max-width: 100px;
+ max-height: 150px;
+}
+
.theme-catalog div.grid-size-small {
width: 200px;
max-width: 200px;
diff --git a/templates/themes/catalog/catalog.html b/templates/themes/catalog/catalog.html
index a4cb3933..441e3a0a 100644
--- a/templates/themes/catalog/catalog.html
+++ b/templates/themes/catalog/catalog.html
@@ -33,6 +33,7 @@
{% trans 'Image size' %}: