50 lines
872 B
CSS
50 lines
872 B
CSS
|
|
.list-item {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10px;
|
|
border: 1px solid #ddd;
|
|
/*margin-bottom: 5px;*/
|
|
}
|
|
|
|
.list-item input[type="checkbox"] {
|
|
width: 30px; /* 체크박스 너비 */
|
|
height: 30px; /* 체크박스 높이 */
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.text-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.text-content .small-text {
|
|
font-size: 10pt;
|
|
}
|
|
|
|
.text-content .normal-text {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
font-size: 14pt;
|
|
margin: 0;
|
|
}
|
|
|
|
.small-button {
|
|
font-size: 12pt;
|
|
width: 24px;
|
|
height: 24px;
|
|
/*padding: 5px 10px;*/
|
|
cursor: pointer;
|
|
border: none;
|
|
background-color: #ffffff;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.small-button:hover {
|
|
background-color: #e9e9e9;
|
|
}
|
|
.small-button:active {
|
|
background-color: #dddddd;
|
|
} |