libs/feedback/src/lib/feedback-widget/feedback-widget.component.scss
.modal-title {
margin: 0 0 10px 0;
}
.menu-bar-btn {
background-color: #3498db !important;
}
.messages-count {
position: absolute;
width: 15px;
height: 15px;
top: 0;
text-align: center;
font-size: 13px;
}
.messages-count {
float: right;
background: #ff594b;
color: white;
border-radius: 50%;
}
.form-container {
padding: 10px 10px 10px 0px;
max-width: 300px;
margin-right: 10px;
}
textarea {
margin: 10px 0;
height: 100px;
}
input,
textarea {
width: 100%;
border: 1px #ddd solid;
padding: 4px;
margin-top: 10px;
}
.feedback-items {
max-height: 300px;
overflow-y: auto;
}
.feedback-item {
background: #f0f3f5;
border-radius: 4px;
padding: 8px;
margin: 5px 0;
}
.feedback-item .header {
display: flex;
justify-content: space-between;
font-size: 12px;
margin-bottom: 4px;
}
.header .date {
float: right;
}
.feedback-item .name {
color: #ff594b;
}
.messages-count {
background: #ff594b;
color: white;
border-radius: 50%;
}
#message {
margin-top: 15px;
}
.error {
color: red;
}
.email label {
color: #999;
font-size: 12px;
}
.comment {
white-space: pre-line;
}
.text-muted {
color: #6c757d !important;
}
.mt-0 {
margin-top: 0;
}