Set third column sticky

apps/cargo-scout-audit/src/output/html/templates/base.html

@@ -52,7 +52,9 @@
     <div class="flex-grow flex sm:flex-row flex-col">
         {% include "categories.html" %}
         {% include "findings_list.html" %}
-        {% include "vulnerability_details.html" %}
+        <div class="sm:w-1/3 sm:overflow-y-auto">
+            {% include "vulnerability_details.html" %}
+        </div>
     </div>
 
     <footer class="p-4 text-center bg-gray-800 border-t border-gray-700 text-xs sm:text-base">
@@ -96,6 +98,11 @@
         }
     }
 
+    .sticky {
+        position: sticky;
+        top: 0;
+    }
+
     .severity-critical {
         background-color: #e3342f;
     }

apps/cargo-scout-audit/src/output/html/templates/vulnerability_details.html

@@ -38,7 +38,7 @@
 
 
 
-<div id="vulnerabilityDetails" class="p-4 max-w-4xl mx-auto bg-gray-800 rounded-lg text-gray-100">
+<div id="vulnerabilityDetails" class="p-4 max-w-4xl mx-auto bg-gray-800 rounded-lg text-gray-100 sticky">
     {% for finding in report.findings %}
     {% set category = report.categories | filter(attribute="id", value=finding.category_id) | first %}
 
@@ -62,13 +62,13 @@ <h3 class="text-xl font-bold text-blue-400"> {{ vulnerability.name }}</h3>
         <p class="text-gray-400">Source: <span class="font-mono text-gray-200">{{ finding.file }}</span></p>
         <p class="text-gray-400">Span: <span class="font-mono text-gray-200">{{ finding.span }}</span></p>
 
-        {%if finding.code_snippet != "" %} 
-            <div class="code-snippet-container bg-gray-800 rounded overflow-auto font-mono text-green-400" data-lines="">
-            
-                {% for line in finding.code_snippet | split(pat="\n") %}
-                <div class="code-line">{{ line }}</div>
-                {% endfor %}
-            </div>
+        {%if finding.code_snippet != "" %}
+        <div class="code-snippet-container bg-gray-800 rounded overflow-auto font-mono text-green-400" data-lines="">
+
+            {% for line in finding.code_snippet | split(pat="\n") %}
+            <div class="code-line">{{ line }}</div>
+            {% endfor %}
+        </div>
         {% endif %}
         <p class="text-gray-400">Error message: <span class="font-mono text-gray-200">{{ finding.error_message }}</span>
         </p>