From 797cea77b0053fb1b42482e8f0dcce22b2c804a4 Mon Sep 17 00:00:00 2001
From: "Valentin D. Pinkman" <valentin.d.pinkman@icloud.com>
Date: Wed, 25 Jul 2018 15:14:26 +0200
Subject: [PATCH] rework flex box on operation list. fixes #1115

---
 src/components/OperationsList/AccountCell.js | 5 ++++-
 src/components/OperationsList/AddressCell.js | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/OperationsList/AccountCell.js b/src/components/OperationsList/AccountCell.js
index 3e2405f1..1e5e50cf 100644
--- a/src/components/OperationsList/AccountCell.js
+++ b/src/components/OperationsList/AccountCell.js
@@ -11,8 +11,9 @@ const Cell = styled(Box).attrs({
   horizontal: true,
   alignItems: 'center',
 })`
-  width: 150px;
+  flex: 1;
   overflow: hidden;
+  max-width: 400px;
 `
 
 type Props = {
@@ -43,6 +44,8 @@ const AccountNameEllipsis = styled(Box).attrs({
   color: 'dark',
   flexShrink: 1,
 })`
+  flex: 1;
+  min-width: 0;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/src/components/OperationsList/AddressCell.js b/src/components/OperationsList/AddressCell.js
index e262daf3..4967aaad 100644
--- a/src/components/OperationsList/AddressCell.js
+++ b/src/components/OperationsList/AddressCell.js
@@ -29,7 +29,7 @@ const Address = ({ value }: { value: string }) => {
 const AddressEllipsis = styled.div`
   display: block;
   flex-shrink: 1;
-  min-width: 20px;
+
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;