| 1 | .list {
|
| 2 | padding-left: 0;
|
| 3 | }
|
| 4 | .list .listItem {
|
| 5 | border-radius: 2px;
|
| 6 | color: #333;
|
| 7 | font-size: 85%;
|
| 8 | overflow: hidden;
|
| 9 | padding: 3px;
|
| 10 | padding-left: 6px;
|
| 11 | text-overflow: ellipsis;
|
| 12 | white-space: nowrap;
|
| 13 | box-sizing: border-box;
|
| 14 | background-color: #e6e6e6;
|
| 15 | display: flex;
|
| 16 | margin: 2px;
|
| 17 | min-width: 0;
|
| 18 | width: fit-content;
|
| 19 | }
|
| 20 | .list .listItem span {
|
| 21 | font-style: italic;
|
| 22 | margin-left: 5px;
|
| 23 | color: #636363;
|
| 24 | }
|
| 25 | .list .listItem div {
|
| 26 | -webkit-align-items: center;
|
| 27 | -webkit-box-align: center;
|
| 28 | -ms-flex-align: center;
|
| 29 | align-items: center;
|
| 30 | border-radius: 2px;
|
| 31 | display: -webkit-box;
|
| 32 | display: -webkit-flex;
|
| 33 | display: -ms-flexbox;
|
| 34 | display: flex;
|
| 35 | padding-left: 4px;
|
| 36 | padding-right: 4px;
|
| 37 | box-sizing: border-box;
|
| 38 | margin-left: 5px;
|
| 39 | }
|
| 40 | .list .listItem div:hover {
|
| 41 | background-color: #ffbdad;
|
| 42 | color: #de350b;
|
| 43 | cursor: pointer;
|
| 44 | }
|