refactor question bar and problem container styles for improved layout and readability

This commit is contained in:
ishikabhoyar
2025-11-03 20:21:33 +05:30
parent 33b9e2fe38
commit 8ec0935486

View File

@@ -1404,43 +1404,44 @@ body {
.question-bar { .question-bar {
background-color: #f8f9fa; background-color: #f8f9fa;
border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
max-height: 40%; max-height: 25%;
min-height: 150px;
overflow-y: auto; overflow-y: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.question-header { .question-header {
padding: 12px 24px; padding: 8px 24px;
background-color: #e9ecef; background-color: #e9ecef;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
} }
.question-header h2 { .question-header h2 {
margin: 0; margin: 0;
font-size: 22px; font-size: 16px;
font-weight: 700; font-weight: 600;
color: #212529; color: #212529;
} }
.question-text { .question-text {
padding: 16px 24px; padding: 12px 24px;
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
} }
.problem-container h1 { .problem-container h1 {
margin: 0 0 12px 0; margin: 0 0 8px 0;
font-size: 14px; font-size: 13px;
font-weight: 400; font-weight: 400;
color: #495057; color: #495057;
line-height: 1.6; line-height: 1.5;
} }
.problem-description { .problem-description {
margin-bottom: 16px; margin-bottom: 12px;
font-size: 18px; font-size: 14px;
line-height: 1.6; line-height: 1.5;
color: #495057; color: #495057;
} }
@@ -1450,11 +1451,11 @@ body {
} }
.problem-description p { .problem-description p {
margin-bottom: 10px; margin-bottom: 8px;
} }
.problem-container { .problem-container {
font-size: 16px; font-size: 14px;
color: #495057; color: #495057;
} }