From 7e775a5a8a96bdf4ad594a33f2d4740e429a34e0 Mon Sep 17 00:00:00 2001
From: Charissa Miller <48832936+clemiller@users.noreply.github.com>
Date: Tue, 7 Jan 2025 08:04:07 -0500
Subject: [PATCH] Sticky Data Component name while scrolling techniques table

---
 modules/datasources/templates/datasource.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/modules/datasources/templates/datasource.html b/modules/datasources/templates/datasource.html
index fe7ca224d70..a4d78681455 100644
--- a/modules/datasources/templates/datasource.html
+++ b/modules/datasources/templates/datasource.html
@@ -150,8 +150,11 @@ <h2 class="pt-3" id="datacomponents">Data Components</h2>
                                     <div class="col-md-12 section-view {% for domain in datacomponent.domains %}{{domain}} {% endfor %}">
                                         <a class="anchor" id="{{datacomponent.name}}"></a>
 
+                                        <div class="section-desktop-view anchor-section">
+                                            <h4 class="pt-3">{{parsed.name}}: {{datacomponent.name}}</h4>
+                                            <div class="section-shadow"></div>
+                                        </div>
                                         <div class="section-desktop-view">
-                                            <h4 class="pt-3 anchor-section">{{parsed.name}}: {{datacomponent.name}}</h4>
                                             {% if datacomponent.descr %}
                                                 <div class="description-body">
                                                     {% if parsed.deprecated %}
@@ -160,11 +163,10 @@ <h4 class="pt-3 anchor-section">{{parsed.name}}: {{datacomponent.name}}</h4>
                                                     {{clean_output.stixToHTML(datacomponent.descr, parsed.citations)}}
                                                 </div>
                                             {% endif %}
-                                            <div class="section-shadow"></div>
                                         </div>
 
-                                        <div class="section-mobile-view">
-                                            <h4 class="pt-3 anchor-section">{{parsed.name}}: {{datacomponent.name}}</h4>
+                                        <div class="section-mobile-view anchor-section">
+                                            <h4 class="pt-3">{{parsed.name}}: {{datacomponent.name}}</h4>
                                             <div class="section-shadow"></div>
                                         </div>
                                         <div class="section-mobile-view">