From ed89e1efab0cdb13ade2fcab3babea51a741562d Mon Sep 17 00:00:00 2001
From: Nicolas Gotchac <ngotchac@gmail.com>
Date: Wed, 2 Nov 2016 12:58:03 +0100
Subject: [PATCH] Fixing dapps sorting (#3086)

* Fixing dapps sorting (#3076)

* PR Grumble

* PR Grumble #2
---
 js/src/views/Dapps/Summary/summary.css |  1 +
 js/src/views/Dapps/dapps.css           | 11 ++++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/js/src/views/Dapps/Summary/summary.css b/js/src/views/Dapps/Summary/summary.css
index 7c7505895..5390b1ea7 100644
--- a/js/src/views/Dapps/Summary/summary.css
+++ b/js/src/views/Dapps/Summary/summary.css
@@ -17,6 +17,7 @@
 
 .container {
   position: relative;
+  height: 100%;
 }
 
 .image {
diff --git a/js/src/views/Dapps/dapps.css b/js/src/views/Dapps/dapps.css
index 718641929..1a38af3cf 100644
--- a/js/src/views/Dapps/dapps.css
+++ b/js/src/views/Dapps/dapps.css
@@ -15,8 +15,9 @@
 /* along with Parity.  If not, see <http://www.gnu.org/licenses/>.
 */
 .list {
-  column-count: 2;
-  column-gap: 0.25em;
+  display: flex;
+  flex-wrap: wrap;
+  margin: -0.125em;
 }
 
 .list+.list {
@@ -24,7 +25,7 @@
 }
 
 .item {
-  display: inline-block;
-  margin: 0 0 0.25em;
-  width: 100%;
+  padding: 0.125em;
+  flex: 0 1 50%;
+  box-sizing: border-box;
 }