From 9f97c8c7505bbf21b97bb94a180fe4eee14287ad Mon Sep 17 00:00:00 2001
From: Lynx Kotoura <lynx@lv9.org>
Date: Wed, 26 Jul 2017 02:12:57 +0900
Subject: [PATCH] Fix multiple-gif display in user page (#4364)

Divide media-items to equal width, and hide overlaps.
---
 app/javascript/styles/stream_entries.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/javascript/styles/stream_entries.scss b/app/javascript/styles/stream_entries.scss
index 3856942e..9e062c57 100644
--- a/app/javascript/styles/stream_entries.scss
+++ b/app/javascript/styles/stream_entries.scss
@@ -263,7 +263,9 @@
     border: medium none;
     display: block;
     flex: 1 1 auto;
+    width: 100%;
     height: 100%;
+    overflow: hidden;
     margin-right: 2px;
 
     &:last-child {