Signer layouts to flexbox

[jacogr]

Simplifies the Signer layouts by moving the column display to flexbox, while also removing visual glitches between components.

Before -

With this -

https://www.youtube.com/watch?v=YbNmOQTlCrk

(Not 100% where it should be yet since there is still duplication in classes between components, however allows us to move ahead with the adaptions with the signer info that is in the queue.)

[ngotchac]

Looks good but there is(are) still scroll bar(s) on the embedded Signer on my side. Would be nice to get rid of them.

Something like this works for me:

diff --git a/js/src/views/ParityBar/parityBar.css b/js/src/views/ParityBar/parityBar.css
index 49275bc..5b01613 100644
--- a/js/src/views/ParityBar/parityBar.css
+++ b/js/src/views/ParityBar/parityBar.css
@@ -43,7 +43,7 @@
 
 .expanded {
   right: 16px;
-  height: 300px;
+  max-height: 300px;
   border-radius: 4px 4px 0 0;
   overflow-y: auto;
   display: flex;
diff --git a/js/src/views/Signer/components/TransactionPending/TransactionPending.css b/js/src/views/Signer/components/TransactionPending/TransactionPending.css
index 44d3145..5cd2d10 100644
--- a/js/src/views/Signer/components/TransactionPending/TransactionPending.css
+++ b/js/src/views/Signer/components/TransactionPending/TransactionPending.css
@@ -23,6 +23,5 @@
 
   & > * {
     vertical-align: middle;
-    min-height: $pendingHeight;
   }
 }

[ngotchac]

@jacogr Pushed changes. Can you confirm didn't introduced issues?

[coveralls]

Changes Unknown when pulling 4876e23 on jg-signer-styling into ** on master**.