}
.property-name {
- width: 50%;
+ /* -12px is so the expander triangle isn't pushed up above the property */
+ width: calc(100% - 12px);
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.property-value {
- width: 50%;
- max-width: 100%;
+ width: 100%;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 200px;
}
.property-value {
- width: auto;
+ /* -212px is accounting for the 200px property-name and the 12px triangle */
+ width: calc(100% - 212px);
}
}