From e770e70d2a149d011cc555c25bd32b20ff3d3244 Mon Sep 17 00:00:00 2001 From: Nicolas Gotchac Date: Wed, 2 Nov 2016 10:27:37 +0100 Subject: [PATCH 1/3] Fixing dapps sorting (#3076) --- js/src/views/Dapps/Summary/summary.css | 1 + js/src/views/Dapps/dapps.css | 8 ++++---- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/js/src/views/Dapps/Summary/summary.css b/js/src/views/Dapps/Summary/summary.css index 7c75058957c..5390b1ea7ce 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 71864192910..93de7c8b273 100644 --- a/js/src/views/Dapps/dapps.css +++ b/js/src/views/Dapps/dapps.css @@ -15,8 +15,8 @@ /* along with Parity. If not, see . */ .list { - column-count: 2; - column-gap: 0.25em; + display: flex; + flex-wrap: wrap; } .list+.list { @@ -25,6 +25,6 @@ .item { display: inline-block; - margin: 0 0 0.25em; - width: 100%; + margin: 0.25%; + flex: 0 1 49.5%; } From 97189c9b84fdf5dc307de3f9636b62765d14e4d8 Mon Sep 17 00:00:00 2001 From: Nicolas Gotchac Date: Wed, 2 Nov 2016 11:19:10 +0100 Subject: [PATCH 2/3] PR Grumble --- js/src/views/Dapps/dapps.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/js/src/views/Dapps/dapps.css b/js/src/views/Dapps/dapps.css index 93de7c8b273..6307a492424 100644 --- a/js/src/views/Dapps/dapps.css +++ b/js/src/views/Dapps/dapps.css @@ -24,7 +24,7 @@ } .item { - display: inline-block; - margin: 0.25%; - flex: 0 1 49.5%; + padding: 0.125em; + flex: 0 1 50%; + box-sizing: border-box; } From b58b5a32974813ea1f1fd2e7f2184473ed12cfff Mon Sep 17 00:00:00 2001 From: Nicolas Gotchac Date: Wed, 2 Nov 2016 12:03:33 +0100 Subject: [PATCH 3/3] PR Grumble #2 --- js/src/views/Dapps/dapps.css | 1 + 1 file changed, 1 insertion(+) diff --git a/js/src/views/Dapps/dapps.css b/js/src/views/Dapps/dapps.css index 6307a492424..1a38af3cf09 100644 --- a/js/src/views/Dapps/dapps.css +++ b/js/src/views/Dapps/dapps.css @@ -17,6 +17,7 @@ .list { display: flex; flex-wrap: wrap; + margin: -0.125em; } .list+.list {