Improve styling of project list with long titles and labels

This commit is contained in:
James Allen
2014-07-09 11:51:21 +01:00
parent 488f33d3d0
commit f6c2feff2d
3 changed files with 23 additions and 24 deletions
@@ -93,13 +93,20 @@ ul.structured-list {
a {
color: darken(@blue, 10%);
}
.header {
text-transform: uppercase;
}
.select-item, .select-all, .title, .last-modified, .owner {
display: inline-block;
vertical-align: top;
margin-right: @line-height-computed;
}
.select-item, .select-all {
margin-left: @line-height-computed / 4;
position: absolute;
left: @line-height-computed;
}
.select-item + span, .select-all + span {
display: inline-block;
padding-left: @line-height-computed * 1.5;
}
}
}
@@ -113,19 +120,12 @@ ul.project-list {
margin-right: 0;
}
.projectName {
margin-right: @line-height-computed;
margin-right: @line-height-computed / 4;
}
}
.project_entry {
.tag-label {
margin-right: 5px;
font-size: 12px;
cursor: arrow;
i {
margin-top: 1px;
cursor: pointer;
}
margin-bottom: 5px;
margin-left: @line-height-computed / 4;
position: relative;
top: -2px;
}
}
}