Quadrat: added space after navigation arrows (#3827)

* added space after navigation arrows

* Don't show the underline on the next/prev links

Co-authored-by: Ben Dwyer <ben@scruffian.com>

quadrat/assets/theme.css

@@ -128,6 +128,14 @@ ul ul {
 	flex-direction: row-reverse;
 }
 
+.post-navigation-link-next a {
+	margin-right: 0.5em;
+}
+
+.post-navigation-link-previous a {
+	margin-left: 0.5em;
+}
+
 .next-prev-links .wp-block-column,
 .next-prev-links .wp-block-column:not(:only-child) {
 	flex-basis: 40% !important;
@@ -166,6 +174,7 @@ ul ul {
 a:hover {
 	background: var(--wp--custom--color--primary);
 	color: var(--wp--custom--color--background);
+	text-decoration: none;
 }
 
 a:active,

quadrat/sass/blocks/_post-navigation-link.scss

@@ -5,6 +5,14 @@
 }
 .post-navigation-link-next {
 	flex-direction: row-reverse;
+	a {
+		margin-right: 0.5em;
+	}
+}
+.post-navigation-link-previous {
+	a {
+		margin-left: 0.5em;
+	}
 }
 
 .next-prev-links {

quadrat/sass/elements/_links.scss

@@ -1,6 +1,7 @@
 a:hover {
 	background: var(--wp--custom--color--primary);
 	color: var(--wp--custom--color--background);
+	text-decoration: none;
 }
 
 a:active,