chore: cleanup webmentions

src/assets/styles/index.css

@@ -120,7 +120,7 @@ nav ul {
   list-style: none;
 }
 
-nav ul li {
+nav ul li:not(:last-child) {
   margin-right: 1rem;
 }
 
@@ -135,10 +135,6 @@ nav svg:focus {
   stroke-width: var(--stroke-width-bold);
 }
 
-nav ul li:last-child {
-  margin-right: 0;
-}
-
 .active,
 .active svg {
   cursor: not-allowed;
@@ -313,6 +309,11 @@ li {
   margin-bottom: .5rem;
 }
 
+.link__list,
+.link__list li:last-child {
+  margin-bottom: 0;
+}
+
 /* images */
 .image__banner {
   border: 1px solid var(--blue-600);

src/assets/styles/widgets/media-grid.css

@@ -70,11 +70,6 @@
   height: 100%;
 }
 
-.media__links,
-.media__links li:last-child {
-  margin-bottom: 0;
-}
-
 @media screen and (min-width: 768px) {
   .media__grid.square {
     grid-template-columns: repeat(4,minmax(0,1fr));

src/assets/styles/widgets/webmentions.css

@@ -4,7 +4,11 @@
   margin-top: 1.5rem;
   margin-bottom: 3.25rem;
   padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding-bottom: 2.5rem;
+}
+
+.webmentions h2:not(:first-child) {
+  margin-top: 2rem;
 }
 
 .webmentions .interaction.comments {
@@ -57,16 +61,15 @@
   margin-top: .25rem;
 }
 
-.webmentions .interaction ul {
+.webmentions .interaction {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   margin: 0 0 0 .75rem;
   padding: 0;
-  list-style: none;
 }
 
-.webmentions .interaction li {
+.webmentions .interaction > a {
   margin-left: -.75rem;
   height: 3.5rem;
 }