fix: move modulation glossary icons to card corners (#158)

Author: itsDNNS

app/modules/modulation/templates/modulation_tab.html

@@ -18,17 +18,20 @@ <h2 style="margin:0; flex:1;">{{ t.get('docsight.modulation.title', 'Modulation
         <!-- KPI Cards (aggregate) -->
         <div class="modulation-kpi-row" id="modulation-kpis">
             <div class="chart-card modulation-kpi-card">
-                <div class="modulation-kpi-label">{{ t.get('docsight.modulation.health_index', 'Health Index') }} <span class="glossary-hint"><i data-lucide="info"></i><div class="glossary-popover">{{ t.get('docsight.modulation.glossary_health_index', '') }}</div></span></div>
+                <span class="glossary-hint"><i data-lucide="info"></i><div class="glossary-popover">{{ t.get('docsight.modulation.glossary_health_index', '') }}</div></span>
+                <div class="modulation-kpi-label">{{ t.get('docsight.modulation.health_index', 'Health Index') }}</div>
                 <div class="modulation-kpi-value" id="mod-kpi-health">—</div>
                 <div class="modulation-kpi-sub" id="mod-kpi-health-delta"></div>
             </div>
             <div class="chart-card modulation-kpi-card">
-                <div class="modulation-kpi-label">{{ t.get('docsight.modulation.low_qam_exposure', 'Low-QAM Exposure') }} <span class="glossary-hint"><i data-lucide="info"></i><div class="glossary-popover">{{ t.get('docsight.modulation.glossary_low_qam', '') }}</div></span></div>
+                <span class="glossary-hint"><i data-lucide="info"></i><div class="glossary-popover">{{ t.get('docsight.modulation.glossary_low_qam', '') }}</div></span>
+                <div class="modulation-kpi-label">{{ t.get('docsight.modulation.low_qam_exposure', 'Low-QAM Exposure') }}</div>
                 <div class="modulation-kpi-value" id="mod-kpi-lowqam">—</div>
                 <div class="modulation-kpi-sub" id="mod-kpi-lowqam-hint"></div>
             </div>
             <div class="chart-card modulation-kpi-card">
-                <div class="modulation-kpi-label">{{ t.get('docsight.modulation.sample_density', 'Sample Density') }} <span class="glossary-hint"><i data-lucide="info"></i><div class="glossary-popover">{{ t.get('docsight.modulation.glossary_sample_density', '') }}</div></span></div>
+                <span class="glossary-hint"><i data-lucide="info"></i><div class="glossary-popover">{{ t.get('docsight.modulation.glossary_sample_density', '') }}</div></span>
+                <div class="modulation-kpi-label">{{ t.get('docsight.modulation.sample_density', 'Sample Density') }}</div>
                 <div class="modulation-kpi-value" id="mod-kpi-density">—</div>
                 <div class="modulation-kpi-sub" id="mod-kpi-density-hint"></div>
             </div>