events: fix tables in mobile view (same as metrics - 12/23/24)

Author: rlxdev

src/views/Media/Events.vue

@@ -233,4 +233,25 @@ export default {
   border-right-width: 1px;
   border-right-color: $theme-color-primary-darker
 }
+
+// For the mobile screen sizes, this overrides the settings in cveTableStacked,
+// which was causing tables to be split into multiple tables and the year
+// headings to be hidden.  This keeps the tables intact.  Mobile users will
+// be able to horizontally scroll as normal.
+
+@media only screen and (max-width: $desktop) {
+
+  td {
+    display: table-cell;
+  }
+
+  thead th {
+    display: table-cell;
+  }
+
+  tr {
+    display: table-row !important;
+  }
+}
+
 </style>