Merge pull request #3392 from CVEProject/rl-3081-mobile-metrics-tables

Resolves #3081 - metrics: fix tables in mobile view (int)

Author: jdaigneau5

src/views/About/Metrics.vue

@@ -710,8 +710,33 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
-//Equally space data cells in metrics tables
+
+// Equally space data cells in metrics tables
+// Numbers in metrics tables look better right-aligned.
+
 td {
   width: auto !important;
+  text-align: right !important;
 }
+
+// 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>