format fixes

Author: forstisabella

src/_sass/components/_release-note-card.scss

@@ -3,7 +3,7 @@
     $this: &;
 
     position: relative;
-    padding: 10px;
+    padding: 5px;
     background-color: color(white);
     margin-top: 20px;
     border-radius: 8px;
@@ -13,11 +13,11 @@
       padding: 30px;
     }*/
 
-    &:hover {
+   /* &:hover {
       border: 1px solid color(gray-100);
       border-color: color(gray-500);
       text-decoration: none;
-    }
+    }*/
   }
 
   &--note-header {
@@ -31,6 +31,7 @@
 
   &--badges {
     padding: 2px;
+    display: inline-block;
   }
 
   &--content {
@@ -45,15 +46,14 @@
   }
 
   &--date {
-    display: inline-block;
     font-size: 12px;
     font-weight: 500;
     color: color(gray-700);
   }
 
   &--read-more {
     position: absolute;
-    bottom: 20;
+    bottom: 10;
     right: 20;
     padding: 5px;
   }
@@ -70,4 +70,8 @@
     display: inline-block;
     /*width: 50%;*/
   }
+
+  hr {
+    padding: 2px;
+  }
 }

src/release-notes/test.md

@@ -26,14 +26,16 @@ hide_toc: true
       {% for item in product-area %}
       <span class="badge badge--success {{ item | slugify }}">{{ item }}</span>
       {% endfor %}
+    <p class="release-note-card--date">Released {{ note.date }}</p> 
   </div>
 <div class="release-note-card--content">
   <main>
-    <p>{{ note.description | markdownify }}</p>
-    <p class="release-note-card--date">Released {{ note.date }}</p> <a class="button button-fill release-note-card--read-more" href="{{ note.read-more }}">Read more</a>
+    <p>{{ note.description | markdownify }}</p><br>
+    <a class="button button-fill release-note-card--read-more" href="{{ note.read-more }}">Learn more</a>
   </main>
 </div>
 </div>
+<hr style="height:0.05px">
 </section>
 {% endfor %}