Refactor css for tooltip

Signed-off-by: Sampurna Pyne <sampurnapyne1710@gmail.com>

Refactor css for tooltip

Signed-off-by: Sampurna Pyne <sampurnapyne1710@gmail.com>

Author: Samk1710

vulnerabilities/templates/advisory_detail.html

@@ -513,23 +513,14 @@
                         </button>
                     </div>
 
-                    <style>
-                    .bb-tooltip-container {
-                        min-width: 220px !important;
-                    }
-                    .bb-tooltip th, .bb-tooltip td {
-                        white-space: nowrap !important;
-                    }
-                    </style>
-
                     <div id="epss-chart-wrap" style="display:none;">
                         <div class="has-text-weight-bold tab-nested-div ml-1 mb-3">
                             30-Day Trend
                         </div>
                         <div id="epss-chart" style="width:100%; height:260px;"></div>
                     </div>
 
-                    <div id="epss-history-table-wrap" {% if not is_epss_tab_active %}style="display:none; margin-top:2rem;"{% else %}style="margin-top:2rem;"{% endif %}>
+                    <div id="epss-history-table-wrap" class="mt-5" {% if not is_epss_tab_active %}style="display:none;"{% endif %}>
                         <div class="has-text-weight-bold tab-nested-div ml-1 mb-3">
                             EPSS History Table
                         </div>

vulnerablecode/static/css/custom.css

@@ -655,3 +655,13 @@ ul.fixed_by_bullet li li li {
         box-shadow: none;
     }
 }
+
+/* Tooltip styles for EPSS charts */
+.bb-tooltip-container {
+    min-width: 220px !important;
+}
+
+.bb-tooltip th,
+.bb-tooltip td {
+    white-space: nowrap !important;
+}