From f075174a23cfcebe7b2fe5a8222a17b72216f98b Mon Sep 17 00:00:00 2001
From: Farzad YZ <farskid@gmail.com>
Date: Wed, 10 May 2017 17:55:20 +0430
Subject: [PATCH 1/2] items wrap long text

---
 styles/item.less | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/styles/item.less b/styles/item.less
index 9c7caae..e39cbbd 100644
--- a/styles/item.less
+++ b/styles/item.less
@@ -3,9 +3,9 @@
   align-items: center;
   justify-content: space-between;
   margin: 0 0 10px 0;
-  padding: 0 20px;
+  padding: 10px 20px;
   width: 100%;
-  height: 70px;
+  // height: 70px;
   background: @item-color;
   border: none;
   border-radius: 3px;
@@ -13,9 +13,10 @@
   font-size: @item-font-size;
   .item-name {
     width: 400px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
+    word-break: break-all;
+    &:first-letter {
+      text-transform: uppercase;
+    }
   }
   .buttons button {
     position: relative;

From abf7185b51fc888dc77f95343ef2129066fda272 Mon Sep 17 00:00:00 2001
From: Farzad YZ <farskid@gmail.com>
Date: Thu, 11 May 2017 00:53:36 +0430
Subject: [PATCH 2/2] remove first letter cap letter, add min-height to item,
 change item padding

---
 styles/item.less | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/styles/item.less b/styles/item.less
index e39cbbd..f8786ff 100644
--- a/styles/item.less
+++ b/styles/item.less
@@ -3,9 +3,9 @@
   align-items: center;
   justify-content: space-between;
   margin: 0 0 10px 0;
-  padding: 10px 20px;
+  padding: 20px;
   width: 100%;
-  // height: 70px;
+  min-height: 70px;
   background: @item-color;
   border: none;
   border-radius: 3px;
@@ -14,9 +14,6 @@
   .item-name {
     width: 400px;
     word-break: break-all;
-    &:first-letter {
-      text-transform: uppercase;
-    }
   }
   .buttons button {
     position: relative;