set #headlines-spacer, etc, to span grid columns

6 files changed, 24 insertions, 0 deletions

diff --git a/themes/compact.css b/themes/compact.css
index f11072b5c..491fbd9bf 100644
--- a/themes/compact.css
+++ b/themes/compact.css
@@ -665,6 +665,10 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
   body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .footer {
     border: 0;
   }
+  body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer,
+  body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox {
+    grid-column: span 2;
+  }
 }
 body.ttrss_main #headlines-frame {
   padding: 0px;
diff --git a/themes/compact_night.css b/themes/compact_night.css
index 48651ce2d..2057ed135 100644
--- a/themes/compact_night.css
+++ b/themes/compact_night.css
@@ -665,6 +665,10 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
   body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .footer {
     border: 0;
   }
+  body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer,
+  body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox {
+    grid-column: span 2;
+  }
 }
 body.ttrss_main #headlines-frame {
   padding: 0px;
diff --git a/themes/light.css b/themes/light.css
index c639d888d..dc855a0ab 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -665,6 +665,10 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
   body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .footer {
     border: 0;
   }
+  body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer,
+  body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox {
+    grid-column: span 2;
+  }
 }
 body.ttrss_main #headlines-frame {
   padding: 0px;
diff --git a/themes/light/tt-rss.less b/themes/light/tt-rss.less
index 645ba13d3..f4a6091e9 100644
--- a/themes/light/tt-rss.less
+++ b/themes/light/tt-rss.less
@@ -775,6 +775,10 @@ body.ttrss_main {
 					border : 0;
 				}
 			}
+
+			#headlines-spacer, .whiteBox {
+				grid-column : span 2;
+			}
 		}
 	}
 
diff --git a/themes/night.css b/themes/night.css
index a12b14c01..e0dc06698 100644
--- a/themes/night.css
+++ b/themes/night.css
@@ -666,6 +666,10 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
   body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .footer {
     border: 0;
   }
+  body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer,
+  body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox {
+    grid-column: span 2;
+  }
 }
 body.ttrss_main #headlines-frame {
   padding: 0px;
diff --git a/themes/night_blue.css b/themes/night_blue.css
index e4d7894c3..8f05a4efc 100644
--- a/themes/night_blue.css
+++ b/themes/night_blue.css
@@ -666,6 +666,10 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
   body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .cdm.expanded .footer {
     border: 0;
   }
+  body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer,
+  body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox {
+    grid-column: span 2;
+  }
 }
 body.ttrss_main #headlines-frame {
   padding: 0px;