diff --git a/src/popup/app/tools/views/tools.html b/src/popup/app/tools/views/tools.html
index 057c98ca..2b35fb35 100644
--- a/src/popup/app/tools/views/tools.html
+++ b/src/popup/app/tools/views/tools.html
@@ -2,5 +2,35 @@
Tools
- Some content for your tools.
+
diff --git a/src/popup/less/components.less b/src/popup/less/components.less
index eceec2da..5407b54f 100644
--- a/src/popup/less/components.less
+++ b/src/popup/less/components.less
@@ -196,13 +196,22 @@
padding: 10px 10px;
background-color: white;
text-decoration: none;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
color: @text-color;
position: relative;
z-index: 1;
+ &:not(.wrap) {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+
+ .text, .detail {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+
&:before {
content: "";
position: absolute;
@@ -224,21 +233,22 @@
background-color: @list-item-hover;
}
+ .leading-icon {
+ font-size: 35px;
+ float: left;
+ display: inline-block;
+ margin-right: 8px;
+ }
+
.text {
display: block;
color: @text-color;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
}
.detail {
font-size: @font-size-small;
color: @gray-light;
display: block;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
}
label, .item-label {