Enh(viewer): Style improvements

Author: klieret

codeclash/viewer/static/css/style.css

@@ -157,13 +157,15 @@ body {
 .readme-section,
 .setup-section,
 .overview-section,
+.analysis-section,
 .rounds-section {
   margin-bottom: 3rem;
 }
 
 .readme-section h2,
 .setup-section h2,
 .overview-section h2,
+.analysis-section h2,
 .rounds-section h2 {
   color: var(--accent-color);
   font-size: 1.5rem;
@@ -1575,9 +1577,6 @@ summary:focus {
 }
 
 /* Analysis Section Styles */
-.analysis-section {
-  margin-bottom: 2rem;
-}
 
 .line-analysis-container {
   margin-top: 1rem;

codeclash/viewer/templates/includes/analysis.html

@@ -5,7 +5,7 @@ <h2><i class="bi bi-graph-up"></i> Analysis</h2>
     <!-- Line Counting Analysis -->
     <details class="foldout">
         <summary><i class="bi bi-graph-up-arrow"></i> Line Counting Analysis</summary>
-        <div class="log-content">
+        <div class="log-content-container">
             {% if analysis_data and analysis_data.all_files %}
                 <div class="line-analysis-container">
                     <!-- File Dropdown -->

codeclash/viewer/templates/includes/rounds.html

@@ -1,6 +1,6 @@
 <!-- Rounds Section -->
 <section class="rounds-section">
-    <h2><i class="bi bi-target"></i> Detailed Rounds</h2>
+    <h2><i class="bi bi-flag"></i> Rounds</h2>
 
     {% for round_data in metadata.rounds %}
         {% set round_num = round_data.round_num %}

codeclash/viewer/templates/index.html

@@ -36,27 +36,18 @@
                 <button class="toc-item toc-top" onclick="scrollToTop()">
                     <i class="bi bi-arrow-up"></i> Go to Top
                 </button>
-                <div class="toc-section">
-                    <div class="toc-section-title">Sections</div>
-                    <button class="toc-item" onclick="scrollToElement('.overview-section')">
-                        <i class="bi bi-bar-chart"></i> Overview
-                    </button>
-                    <button class="toc-item" onclick="scrollToElement('.analysis-section')">
-                        <i class="bi bi-graph-up"></i> Analysis
-                    </button>
-                    <button class="toc-item" onclick="scrollToElement('.rounds-section')">
-                        <i class="bi bi-target"></i> Rounds
-                    </button>
-                </div>
+                <button class="toc-item" onclick="scrollToElement('.overview-section')">
+                    <i class="bi bi-bar-chart"></i> Overview
+                </button>
+                <button class="toc-item" onclick="scrollToElement('.analysis-section')">
+                    <i class="bi bi-graph-up"></i> Analysis
+                </button>
                 {% if metadata.rounds %}
-                <div class="toc-section">
-                    <div class="toc-section-title">Rounds</div>
                     {% for round_data in metadata.rounds %}
                     <button class="toc-item" onclick="scrollToRound({{ round_data.round_num }})">
-                        Round {{ round_data.round_num }}
+                        <i class="bi bi-flag"></i> Round {{ round_data.round_num }}
                     </button>
                     {% endfor %}
-                </div>
                 {% endif %}
             </div>
         </div>