${escapeHtml(blog.label)}
- ${renderRssIcon(blog)}
+
+ ${renderSiteIcon(blog)}
+ ${renderRssIcon(blog)}
+
${escapeHtml(blog.summary)}
@@ -231,7 +247,12 @@ const html = `
summary > span {
flex: 0 1 auto;
}
- .rss-link {
+ .blog-actions {
+ display: inline-flex;
+ align-items: center;
+ gap: 4px;
+ }
+ .icon-link {
display: inline-flex;
align-items: center;
justify-content: center;
@@ -239,7 +260,7 @@ const html = `
height: 22px;
color: #111;
}
- .rss-link svg {
+ .icon-link svg {
width: 16px;
height: 16px;
fill: none;
@@ -247,7 +268,10 @@ const html = `
stroke-width: 1.9;
stroke-linecap: round;
}
- .rss-link circle {
+ .icon-link circle {
+ fill: none;
+ }
+ .icon-link[aria-label$="RSS"] circle {
fill: currentColor;
stroke: none;
}