diff --git a/app/assets/javascripts/components/components/media_gallery.jsx b/app/assets/javascripts/components/components/media_gallery.jsx
index 403c68202d..eb2288ae53 100644
--- a/app/assets/javascripts/components/components/media_gallery.jsx
+++ b/app/assets/javascripts/components/components/media_gallery.jsx
@@ -10,8 +10,23 @@ const MediaGallery = React.createClass({
mixins: [PureRenderMixin],
render () {
- var children = this.props.media.take(4).map((attachment, i) => {
- return ;
+ var children = this.props.media.take(4);
+ var size = children.size;
+
+ children = children.map((attachment, i) => {
+ let width = 142;
+ let height = 110;
+ let marginRight = 0;
+
+ if (size == 4 || (size === 3 && i > 0)) {
+ height = 52.5;
+ }
+
+ if ((size === 3 && i === 0) || (size === 4 && i % 2 === 0)) {
+ marginRight = 5;
+ }
+
+ return ;
});
return (