cleanup: add missing rss button & add margin only to the first child

Till now, all buttons inside the card header were getting a margin of 30px, but that adds a lot of space not nessesary for other than the first button. So I've made the 30px marging only be added to the first child button of the card's header. Sorry for the wall of text, but I wanted to explain exactly why I did this change.
Vanilla-OS · Aug 1, 2024 · 86487f2 · 86487f2
1 parent 60fa5a1
commit 86487f2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/public/assets/css/components/card.css b/public/assets/css/components/card.css
@@ -254,7 +254,7 @@
     font-size: 38px;
 }
 
-.card.card--type-adv.card--type-adv--hz .card-header .btn {
+.card.card--type-adv.card--type-adv--hz .card-header .btn:first-child {
     margin-top: 30px;
 }
 
@@ -362,4 +362,4 @@
         font-size: 24px;
         line-height: 1.35;
     }
-}
+}
diff --git a/src/views/download/DownloadOrchidStable.vue b/src/views/download/DownloadOrchidStable.vue
@@ -59,8 +59,12 @@
                         <h2>Subscribe to the Newsletter</h2>
                         <div class="btn btn--primary" @click="isNotMailNotChimpOpen = true">
                             <span class="mdi material-icons">email</span>
-                            <span>Subscribe Now</span>
+                            <span>Subscribe Now via Email</span>
                         </div>
+                        <a class="btn btn--primary" href="//vanillaos.org/feed.xml">
+                            <span class="mdi material-icons">newspaper</span>
+                            <span>Subscribe via the RSS Feed</span>
+                        </a>
                     </div>
                     <div class="card-content">
                         <div class="flexList">
@@ -111,4 +115,4 @@ export default defineComponent({
         },
     }
 });
-</script>
+</script>