From 67b1cd8e248eeea3a675be8ddb6d9cc2b6f111ff Mon Sep 17 00:00:00 2001
From: Ruben Ramirez <ruben@redlotusaustin.com>
Date: Fri, 4 Apr 2025 15:49:23 -0500
Subject: [PATCH] Updated styling for 'Assessment Builder' page

---
 template-assessment-builder.php | 24 ++++++++++++------------
 template-view-results.php       | 14 +++++++-------
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/template-assessment-builder.php b/template-assessment-builder.php
index e375d1c..e4342b8 100644
--- a/template-assessment-builder.php
+++ b/template-assessment-builder.php
@@ -20,12 +20,12 @@ if ( ! is_user_logged_in() || ! current_user_can( 'manage_options' ) ) {
 
 get_header(); ?>
 
-<div id="primary" class="content-area quiztech-assessment-builder-area">
+<div id="primary" class="content-area quiztech-content-area quiztech-assessment-builder-area">
     <main id="main" class="site-main">
 
         <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
             <header class="entry-header">
-                <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
+                <?php the_title( '<h1 class="entry-title quiztech-page-title">', '</h1>' ); ?>
             </header><!-- .entry-header -->
 
             <div class="entry-content">
@@ -33,8 +33,8 @@ get_header(); ?>
                 <div id="assessment-builder-container" style="display: flex; gap: 20px;">
 
                     <!-- Left Pane: Question Library -->
-                    <div id="assessment-builder-library" style="flex: 1; border: 1px solid #ccc; padding: 15px;">
-                        <h2><?php esc_html_e( 'Question Library', 'quiztech' ); ?></h2>
+                    <div id="assessment-builder-library" class="quiztech-widget-like" style="flex: 1; border: 1px solid #ccc; padding: 15px;">
+                        <h2 class="quiztech-section-title"><?php esc_html_e( 'Question Library', 'quiztech' ); ?></h2>
                         <p><?php esc_html_e( 'Search/filter controls will go here.', 'quiztech' ); ?></p>
                         <div id="library-questions-list">
                             <?php esc_html_e( 'Questions will be loaded here via AJAX.', 'quiztech' ); ?>
@@ -46,19 +46,19 @@ get_header(); ?>
                             -->
                         </div>
                         <hr>
-                        <h3><?php esc_html_e( 'Create New Question', 'quiztech' ); ?></h3>
+                        <h3 class="quiztech-section-title"><?php esc_html_e( 'Create New Question', 'quiztech' ); ?></h3>
                         <p><?php esc_html_e( 'Form for creating a new question will go here.', 'quiztech' ); ?></p>
                     </div>
 
                     <!-- Right Pane: Current Assessment -->
-                    <div id="assessment-builder-current" style="flex: 2; border: 1px solid #ccc; padding: 15px;">
-                        <h2><?php esc_html_e( 'Current Assessment', 'quiztech' ); ?></h2>
+                    <div id="assessment-builder-current" class="quiztech-widget-like" style="flex: 2; border: 1px solid #ccc; padding: 15px;">
+                        <h2 class="quiztech-section-title"><?php esc_html_e( 'Current Assessment', 'quiztech' ); ?></h2>
                         <p>
-                            <label for="assessment-title"><?php esc_html_e( 'Assessment Title:', 'quiztech' ); ?></label><br>
-                            <input type="text" id="assessment-title" name="assessment_title" style="width: 100%;">
+                            <label class="quiztech-label" for="assessment-title"><?php esc_html_e( 'Assessment Title:', 'quiztech' ); ?></label><br>
+                            <input class="quiztech-input" type="text" id="assessment-title" name="assessment_title" style="width: 100%;">
                         </p>
                         <div id="current-assessment-questions">
-                            <h3><?php esc_html_e( 'Selected Questions', 'quiztech' ); ?></h3>
+                            <h3 class="quiztech-section-title"><?php esc_html_e( 'Selected Questions', 'quiztech' ); ?></h3>
                             <?php esc_html_e( 'Questions added from the library will appear here.', 'quiztech' ); ?>
                             <!-- Example Selected Question Item Structure (for planning)
                             <div class="selected-question-item" data-question-id="123">
@@ -73,9 +73,9 @@ get_header(); ?>
                             <span id="assessment-total-cost">0</span> <?php esc_html_e( 'credits', 'quiztech' ); ?>
                         </div>
                         <p>
-                            <button id="save-assessment-button" class="button button-primary"><?php esc_html_e( 'Save Assessment', 'quiztech' ); ?></button>
+                            <button id="save-assessment-button" class="quiztech-button quiztech-button-primary"><?php esc_html_e( 'Save Assessment', 'quiztech' ); ?></button>
                             <span class="spinner" style="float: none; vertical-align: middle;"></span>
-                            <span id="save-status" style="margin-left: 10px;"></span>
+                            <span id="save-status" class="quiztech-status-message" style="margin-left: 10px;"></span>
                         </p>
                     </div>
 
diff --git a/template-view-results.php b/template-view-results.php
index 87dfdb1..5aa2a1f 100644
--- a/template-view-results.php
+++ b/template-view-results.php
@@ -41,21 +41,21 @@ if ( ! $job_id ) {
 
 get_header(); ?>
 
-<div id="primary" class="content-area">
+<div id="primary" class="content-area quiztech-content-area">
     <main id="main" class="site-main">
 
         <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
             <header class="entry-header">
-                <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
+                <?php the_title( '<h1 class="entry-title quiztech-page-title">', '</h1>' ); ?>
             </header><!-- .entry-header -->
 
             <div class="entry-content">
 
                 <?php if ( $error_message ) : ?>
-                    <div class="notice notice-error"><p><?php echo esc_html( $error_message ); ?></p></div>
-                    <p><a href="<?php echo esc_url( get_post_type_archive_link('job') ?: home_url('/manage-jobs/') ); ?>"><?php esc_html_e('&laquo; Back to Jobs', 'quiztech'); ?></a></p> <?php // Link back to job list ?>
+                    <div class="notice notice-error quiztech-notice"><p><?php echo esc_html( $error_message ); ?></p></div>
+                    <p><a class="quiztech-link" href="<?php echo esc_url( get_post_type_archive_link('job') ?: home_url('/manage-jobs/') ); ?>"><?php esc_html_e('&laquo; Back to Jobs', 'quiztech'); ?></a></p> <?php // Link back to job list ?>
                 <?php elseif ( $job_post ) : ?>
-                    <h2><?php printf( esc_html__( 'Results for Job: %s', 'quiztech' ), esc_html( get_the_title( $job_post ) ) ); ?></h2>
+                    <h2 class="quiztech-section-title"><?php printf( esc_html__( 'Results for Job: %s', 'quiztech' ), esc_html( get_the_title( $job_post ) ) ); ?></h2>
 
                     <?php
                     $args = array(
@@ -77,7 +77,7 @@ get_header(); ?>
                     ?>
 
                     <?php if ( $evaluations_query->have_posts() ) : ?>
-                        <table class="wp-list-table widefat fixed striped">
+                        <table class="quiztech-table wp-list-table widefat fixed striped">
                             <thead>
                                 <tr>
                                     <th><?php esc_html_e( 'Applicant Email', 'quiztech' ); ?></th>
@@ -104,7 +104,7 @@ get_header(); ?>
                                         <td><?php echo esc_html( get_the_date() ); ?></td>
                                         <td>
                                             <?php if ( $edit_link ) : ?>
-                                                <a href="<?php echo esc_url( $edit_link ); ?>" target="_blank"><?php esc_html_e( 'View Details', 'quiztech' ); ?></a>
+                                                <a class="quiztech-link" href="<?php echo esc_url( $edit_link ); ?>" target="_blank"><?php esc_html_e( 'View Details', 'quiztech' ); ?></a>
                                             <?php endif; ?>
                                         </td>
                                     </tr>