diff --git a/changedetectionio/static/styles/scss/styles.scss b/changedetectionio/static/styles/scss/styles.scss index 7760d819..2916b0e0 100644 --- a/changedetectionio/static/styles/scss/styles.scss +++ b/changedetectionio/static/styles/scss/styles.scss @@ -679,6 +679,12 @@ footer { tr { th { display: inline-block; + // Hide the "Last" text for smaller screens + @media (max-width: 768px) { + .hide-on-mobile { + display: none; + } + } } } .empty-cell { diff --git a/changedetectionio/static/styles/styles.css b/changedetectionio/static/styles/styles.css index 16967df3..1e76914d 100644 --- a/changedetectionio/static/styles/styles.css +++ b/changedetectionio/static/styles/styles.css @@ -960,7 +960,12 @@ footer { .watch-table thead { display: block; } .watch-table thead tr th { - display: inline-block; } + display: inline-block; } } + @media only screen and (max-width: 760px) and (max-width: 768px), (min-device-width: 768px) and (max-device-width: 800px) and (max-width: 768px) { + .watch-table thead tr th .hide-on-mobile { + display: none; } } + +@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 800px) { .watch-table thead .empty-cell { display: none; } .watch-table tbody td, diff --git a/changedetectionio/templates/watch-overview.html b/changedetectionio/templates/watch-overview.html index 787871fc..9e075089 100644 --- a/changedetectionio/templates/watch-overview.html +++ b/changedetectionio/templates/watch-overview.html @@ -78,8 +78,8 @@ {% if any_has_restock_price_processor %} Restock & Price {% endif %} - Last Checked - Last Changed + Last Checked + Last Changed