Update public/styles.css

public/styles.css

@@ -295,23 +295,13 @@ legend {
 .sortable.desc::after { content: '▼'; }
 
 /* ─── Trends Chart & Table ─────────────────────────────────────────────────── */
-
-/* Chart area */
-#chart-container {
-  height: 50vh;
-  width: 100%;
-  margin-bottom: 2rem;
-}
-
-/* Table wrapper: scrollable pane */
+/* Spreadsheet-style Trends table */
 #trends-table-container {
-  max-height: 40vh;
+  max-height: 50vh;       /* adjust as needed */
   overflow: auto;
   border: 1px solid #ddd;
   margin-bottom: 1rem;
 }
-
-/* Spreadsheet-style table */
 #trends-table {
   width: 100%;
   border-collapse: collapse;
@@ -322,7 +312,6 @@ legend {
   padding: 8px;
   text-align: center;
   border-bottom: 1px solid #ddd;
-  font-size: 0.95rem;
 }
 #trends-table thead th {
   position: sticky;
@@ -332,11 +321,11 @@ legend {
   cursor: pointer;
   user-select: none;
 }
-/* Zebra striping */
+/* zebra striping */
 #trends-table tbody tr:nth-child(even) {
   background: #fafafa;
 }
-/* Sort arrow indicators */
+/* sort arrow indicators */
 .sortable::after {
   content: '▲▼';
   font-size: 0.6em;
@@ -349,22 +338,3 @@ legend {
 .sortable.desc::after {
   content: '▼';
 }
-/* ================= TOOLTIP ================= */
-.tooltip {
-  position: absolute;
-  pointer-events: none;
-  background: rgba(0,0,0,0.75);
-  color: #fff;
-  padding: 8px;
-  border-radius: 4px;
-  font-size: 0.9rem;
-  line-height: 1.2;
-  display: none;
-  z-index: 2000;
-}
-
-/* ================= UTILITY ================= */
-.hidden {
-  display: none !important;
-}
-