Noble Onwa - *Your days are better when you focus on your blessings...

/* ========================================================= CIKAMO EXAMS — FIX PATCH Follow the numbered steps in the comments. ========================================================= */ /* ========================================================= 1. VARIABLES (replaces every :root { --exam-… } block and the two .exam-builder-app { --exam-success … } blocks) Declared on the wrappers, not :root, so they resolve inside and follow body.night-mode. On :root they were resolved once at the top of the page, which is why cards lost borders/backgrounds whenever the variables were not ready yet. ========================================================= */ .exam-builder-app, .er-wrap, .creator-dashboard, .sub-wrap, .exams-wrapper, .exam-branding { --exam-success: #198754; --exam-success-soft: #eaf7ef; --exam-danger: #dc3545; --exam-danger-soft: #fceced; --exam-radius-sm: .45rem; --exam-radius-md: .65rem; --exam-radius-lg: .85rem; --exam-radius-xl: 1rem; --exam-border: var(--border-divider, #e5e7eb); --exam-border-strong: var(--border-divider-2, #d1d5db); --exam-muted: var(--text-muted, #6b7280); --exam-primary: var(--main-link, #7c3aed); --exam-primary-btn: var(--main-btn, #7c3aed); --exam-surface: var(--header-background, #fff); --exam-surface-soft: var(--header-search-bg, #f8fafc); --exam-background: var(--body-bg, #f5f7fb); --exam-text: var(--body-color, #1f2937); } /* ========================================================= 2. CREATOR DASHBOARD — layout fix Header, stats, filters and cards were sitting side by side in one row. Force a normal vertical block layout. Add this AFTER the existing .creator-dashboard rules. ========================================================= */ .creator-dashboard { display: block !important; float: none; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 16px 70px; } .creator-dashboard > .cd-header, .creator-dashboard > .cd-stats, .creator-dashboard > .cd-filters, .creator-dashboard > .cd-exam-list, .creator-dashboard > .cd-empty { float: none; flex: none; width: 100%; max-width: 100%; } /* Broken placeholder image: hide the "Exam" alt text, keep the gradient tile */ .creator-dashboard .cd-exam-thumb--placeholder img { font-size: 0; color: transparent; } @media (max-width: 767.98px) { .creator-dashboard { padding: 0 14px 55px; } } /* ========================================================= 3. MANUAL GRADING — full replacement Delete the whole second