style: new layout for proxy item

also:

- speed up proxy item on hover scale up animation
- reduce icons stroke width

1 files changed, 19 insertions, 4 deletions

diff --git a/src/components/Proxy.module.scss b/src/components/Proxy.module.scss
index b7f0c8b..df6fcae 100644
--- a/src/components/Proxy.module.scss
+++ b/src/components/Proxy.module.scss
@@ -1,17 +1,32 @@
 .proxy {
-  display: flex;
+  position: relative;
+  height: 90px;
 }
 
-.left {
+.iconWrapper {
+  position: absolute;
+  bottom: 0;
+  left: 20%;
+
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.right {
-  padding-left: 20px;
+.proxyDetail {
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  height: 100%;
 }
 
 .proxyName {
+  width: 100%;
+  padding-right: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
   margin: 10px 0;
+  font-size: 1.1em;
 }