feat(neuron-ui): align list with description field

Author: Keith-CY

packages/neuron-ui/src/components/Addresses/index.tsx

@@ -173,6 +173,7 @@ const Addresses = ({
       onItemContextMenu={item => {
         contextMenu({ type: 'addressList', id: item.identifier })
       }}
+      className="listWithDesc"
     />
   )
 }

packages/neuron-ui/src/components/TransactionList/index.tsx

@@ -209,6 +209,7 @@ const TransactionList = ({
           contextMenu({ type: 'transactionList', id: item.hash })
         }
       }}
+      className="listWithDesc"
     />
   )
 }

packages/neuron-ui/src/stories/index.tsx

@@ -9,3 +9,5 @@ import './NetworkSetting.stories'
 import './PasswordRequest.stories'
 import './TransactionFeePanel.stories'
 import './SyncStatus.stories'
+import 'styles/index.scss'
+import './styles.scss'

packages/neuron-ui/src/stories/styles.scss

@@ -0,0 +1,3 @@
+body {
+  display: block
+}

packages/neuron-ui/src/styles/index.scss

@@ -52,4 +52,16 @@ navbar {
 
 .fixedWidth {
   font-family: monospace;
-}
+}
+
+.listWithDesc {
+  .ms-DetailsRow-cell {
+    display: flex;
+    align-items: center;
+  }
+
+  .text-overflow {
+    overflow: hidden;
+    text-overflow: ellipsis
+  }
+}