fix tag page styling

content/tags-list.njk

@@ -9,7 +9,7 @@ Click on a tag to see all posts on the topic.
 </p>
 
 <ul class="taglist">
-{% for tag in collections.all | getAllTags | filterTagList %}
+{% for tag in collections.all | getAllTags | filterTagList | sort(false, false, tag) %}
 	{% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
 	<li><a href="{{ tagUrl }}" class="post-tag">{{ tag }}</a></li>
 {% endfor %}

public/css/index.css

@@ -522,10 +522,13 @@ h2 + .header-anchor {
 	.post-metadata time, time.postlist-date {
 		font-size: var(--font-s);
 	}
-	.post-tag, a.post-tag, .taglist li a {
+	.post-tag, a.post-tag {
 		font-size: var(--font-xs);
 	}
 	.taglist {
 		flex-flow: column nowrap;
 	}
+	.taglist li a {
+		font-size: var(--font-n);
+	}
 }

public/css/links.css

@@ -26,37 +26,37 @@ ul.socialLinks {
 	align-items: center;
 }
 
-.socialLinks li {
+.socialLinks a {
-	background-color: var(--nav-pill-background-color-inactive);
+	background-color: var(--text-color);
-	color: var(--nav-pill-text-color);
+	border-radius: var(--corner-radius);
-	border-radius: var(--pill-radius);
 	padding: .5em;
 	margin-bottom: 1em;
 	list-style-type: none;
-	transition: all var(--transition-time);
+	transition: var(--transition-normal);
 	width: 20em;
 	display: flex;
 	flex-flow: row nowrap;
 	align-items: center;
 	justify-content: center;
+	text-decoration: none;
 }
 
-.socialLinks li:hover {
+.socialLinks a:hover {
 	background-color: var(--contrast-color);
 	transform: scale(1.05, 1.05);
 }
 
-.socialLinks a {
-	text-decoration: none;
-}
-
 .socialLinks a img {
 	max-width: 1em;
 	margin-right: .5em;
 }
 
+.socialLinks a li {
+	color: var(--background-color);
+}
+
 @media(max-width: 556px) {
-	.socialLinks li {
+	.socialLinks a {
 		width: 90vw;
 		height: 3rem;
 		display: flex;