exp: set last odd grid child to span all columns

6 files changed, 19 insertions, 0 deletions

diff --git a/themes/compact.css b/themes/compact.css
index 09f9d7876..7cd57e952 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -664,6 +664,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title {
   grid-column: 1 / -1;
 }
+body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded:nth-last-child(2):nth-child(odd) {
+  grid-column: 1 / -1;
+}
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header,
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .content {
   background: white;
diff --git a/themes/compact_night.css b/themes/compact_night.css
index 78cbe1807..275a0296b 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -664,6 +664,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title {
   grid-column: 1 / -1;
 }
+body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded:nth-last-child(2):nth-child(odd) {
+  grid-column: 1 / -1;
+}
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header,
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .content {
   background: #333;
diff --git a/themes/light.css b/themes/light.css
index 72e9552f7..6518ad326 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -664,6 +664,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title {
   grid-column: 1 / -1;
 }
+body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded:nth-last-child(2):nth-child(odd) {
+  grid-column: 1 / -1;
+}
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header,
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .content {
   background: white;
diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less
index fe8dd91a0..e878b4fe6 100644
--- a/themes/light/tt-rss.less
+++ b/themes/light/tt-rss.less
@@ -773,6 +773,10 @@ body.ttrss_main {
 		}
 
 		.cdm.expanded {
+			// 2 because #headlines-spacer is the actual last child
+			&:nth-last-child(2):nth-child(odd) {
+				grid-column : 1 e("/") -1;
+			}
 
 			.header, .content {
 				background : @default-bg;
diff --git a/themes/night.css b/themes/night.css
index 72c4d02af..f9246c69d 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -665,6 +665,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title {
   grid-column: 1 / -1;
 }
+body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded:nth-last-child(2):nth-child(odd) {
+  grid-column: 1 / -1;
+}
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header,
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .content {
   background: #333;
diff --git a/themes/night_blue.css b/themes/night_blue.css
index c1ede396d..c11e86dbd 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -665,6 +665,9 @@ body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title {
   grid-column: 1 / -1;
 }
+body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded:nth-last-child(2):nth-child(odd) {
+  grid-column: 1 / -1;
+}
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .header,
 body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .content {
   background: #333;