1 files changed, 25 insertions, 15 deletions
diff --git a/themes/light.css b/themes/light.css
index f983f4d80..7da617d43 100644
--- a/themes/light.css
+++ b/themes/light.css
@@ -43,6 +43,7 @@ body.ttrss_main .post .header {
 body.ttrss_main .post .header .left,
 body.ttrss_main .post .header .right {
   display: flex;
+  align-items: center;
 }
 body.ttrss_main .post .header .row {
   display: flex;
@@ -690,7 +691,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .hl .icon-feed {
   display: none;
 }
 body.ttrss_main #headlines-frame[data-auto-catchup="true"] #headlines-spacer {
-  height: 100vh;
+  height: calc(100vh - 32px);
 }
 body.ttrss_main #headlines-frame .dijitCheckBox {
   margin-right: 4px;
@@ -896,6 +897,9 @@ body.ttrss_main select.attachments {
   margin-top: 10px;
   max-width: 120px;
 }
+body.ttrss_main .attachments-inline a {
+  word-break: break-all;
+}
 body.ttrss_main #filterDlg_feeds select {
   height: 150px;
   width: 410px;
@@ -1257,6 +1261,7 @@ body.ttrss_utility hr {
 }
 .cdm .header .titleWrap {
   flex-grow: 2;
+  width: 0;
 }
 .cdm .header .updated {
   color: #555;
@@ -1268,22 +1273,17 @@ body.ttrss_utility hr {
   margin: 0px 4px;
 }
 .cdm .header .feed {
-  float: right;
   font-weight: normal;
   font-style: italic;
-}
-.cdm .header .feed a {
-  border-radius: 4px;
+  font-size: 11px;
   display: inline-block;
-  padding: 1px 4px 1px 4px;
-}
-.cdm .header .feed,
-.cdm .header .feed a {
-  vertical-align: middle;
+  max-width: 25%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border-radius: 4px;
+  padding: 1px 4px;
+  margin-right: 4px;
   color: #555;
-  font-weight: normal;
-  font-style: italic;
-  font-size: 11px;
 }
 .cdm .header .author {
   white-space: nowrap;
@@ -1302,9 +1302,20 @@ body.ttrss_utility hr {
 .cdm .footer i.material-icons {
   color: #777;
 }
+.cdm .footer .left,
+.cdm .footer .right {
+  display: flex;
+  align-items: center;
+}
 .cdm .footer .left {
   flex-grow: 2;
 }
+.cdm .footer .left > * {
+  margin-right: 4px;
+}
+.cdm .footer .right > * {
+  margin-left: 4px;
+}
 .cdm .content-inner {
   margin: 10px;
   line-height: 1.5;
@@ -1467,8 +1478,7 @@ body.ttrss_utility hr {
   box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
   border: 0 solid #ddd;
   border-bottom-width: 1px;
-  background: white ! important;
-  opacity: 0.9;
+  background: rgba(255, 255, 255, 0.9) ! important;
   backdrop-filter: blur(6px);
 }
 body.ttrss_prefs {