From 78cbc07067df50050ee5767e15525d0a27cc7316 Mon Sep 17 00:00:00 2001
From: Justin Foell <630830+jrfoell@users.noreply.github.com>
Date: Fri, 29 Apr 2022 14:21:47 -0500
Subject: [PATCH] Add class name selector to responsive tables

---
 css/wp-strava.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/css/wp-strava.css b/css/wp-strava.css
index aeb000f..f496c5d 100755
--- a/css/wp-strava.css
+++ b/css/wp-strava.css
@@ -40,18 +40,18 @@ only screen and (max-width: 760px),
 (min-device-width: 768px) and (max-device-width: 1024px)  {
 
 	/* Force table to not be like tables anymore */
-	table, thead, tbody, th, td, tr {
+	.activity-details-table table, thead, tbody, th, td, tr {
 		display: block;
 	}
 
 	/* Hide table headers (but not display: none;, for accessibility) */
-	thead tr {
+	.activity-details-table thead tr {
 		position: absolute;
 		top: -9999px;
 		left: -9999px;
 	}
 
-	td {
+	.activity-details-table td {
 		/* Behave  like a "row" */
 		border: none;
 		border-bottom: 1px solid #e7e7e7;
@@ -59,7 +59,7 @@ only screen and (max-width: 760px),
 		padding-left: 50%;
 	}
 
-	td:before {
+	.activity-details-table td:before {
 		/* Now like a table header */
 		position: absolute;
 		/* Top/left values mimic padding */