.listItem { margin: 5px; width: 100%; display: flex; flex-direction: column; } .relevanceColor { width: 30px; } .todoBlock { display: flex; flex-direction: row; padding-left: 10px; padding-right: 10px; } .todoBlock:hover { background-color: rgba(0, 0, 0, 0.1); } .importantInformation { width: 100%; } .timeBox { color: #393838; font-weight: 400; font-size: 11px; } .positionInfo { list-style-image: relative; bottom: 3px; right: 3px; text-align: right; float: right; } .priorityBox { background-color: #FFFFFF; border-radius: 2px; padding: 2px 2px 3px 2px; font-size: 10px; line-height: 12px; /* border: 0.5px solid #393838; */ color: #ffffff; } .issueSubject { color: #202020; text-decoration: none; font-weight: 400; font-size: 15px; line-height: 18px; } .issueStatus {} .issueTime {} .tagsContainer {}