Fix CSS syntax error - add missing media query wrapper

jamezp · claude · jamezp · commit a3bc50820112 · 2026-03-25T10:57:26.000-07:00
Adds missing @media query wrapper for responsive rules that were causing syntax error. Properly wraps mobile-specific styles for checklist and footer navigation. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
diff --git a/public/css/bootstrap-theme.css b/public/css/bootstrap-theme.css
@@ -692,7 +692,7 @@ footer#projsubnav_footer .notch {
 /* ============================================
    RESPONSIVE
    ============================================ */
-
+@media (max-width: 768px) {
   #proj_checklist ul {
     grid-template-columns: 1fr !important;
   }

Original file line number	Diff line number	Diff line change
`@@ -692,7 +692,7 @@ footer#projsubnav_footer .notch {`
`692`	`692`	`/* ============================================`
`693`	`693`	`RESPONSIVE`
`694`	`694`	`============================================ */`
`695`		`-`
	`695`	`+@media (max-width: 768px) {`
`696`	`696`	`#proj_checklist ul {`
`697`	`697`	`grid-template-columns: 1fr !important;`
`698`	`698`	`}`