Reduce the font of the feed description

src/main.ts

@@ -59,6 +59,7 @@ const parseAtomFeed = (feed: Element, url: string | null) => {
       description: getNodeContent(feed, 'subtitle'),
       feedUrl: url?.length ? url : window.location.href,
       homeUrl: homeURL,
+      iconUrl: iconURL,
       image: {
         imageUrl: logoURL || iconURL,
         targetUrl: homeURL,

src/viewer/App.vue

@@ -15,8 +15,8 @@
       </div>
 
       <div class="description" v-if="feed.description?.length">
-        <h2 v-if="feed.html.description" v-html="feed.description" />
-        <h2 v-else v-text="feed.description" />
+        <span v-if="feed.html.description" v-html="feed.description" />
+        <span v-else v-text="feed.description" />
       </div>
     </header>
 
@@ -64,6 +64,13 @@ export default {
 
   async mounted() {
     this.feed = (await browser.storage.local.get('feedData'))?.feedData || {}
+    if (this.feed.iconUrl) {
+      const link = document.querySelector("link[rel*='icon']") || document.createElement('link')
+      link.type = 'image/x-icon'
+      link.rel = 'shortcut icon'
+      link.href = this.feed.iconUrl
+      document.getElementsByTagName('head')[0].appendChild(link)
+    }
   },
 }
 </script>
@@ -183,7 +190,7 @@ main {
       font-size: 1.25em;
 
       .description {
-        max-width: 45em;
+        padding: 1em;
         text-align: justify;
       }
     }