Comment styling fixes

_data/metadata.js

@@ -201,7 +201,7 @@ export default {
 		},
 	],
 	weatherOnByDefault: false,
-	weatherSymbol: "❅",
+	weatherSymbol: "🌸",
 	webrings: [
 		{
 			name: "Fediring",

_includes/issoStyle.njk

@@ -1,5 +0,0 @@
-<!-- ISSO style -->
-<style>
-
-</style>
-<!-- /ISSO style -->

_includes/layouts/base.njk

@@ -43,6 +43,7 @@
 		<link rel="stylesheet" type="text/css" href="/css/woo-mode.css" />
 		{% if tags and tags.includes('quiz') %}
 		<link rel="stylesheet" type="text/css" href="/css/quiz.css" />
+		<link rel="stylesheet" type="text/css" href="/css/comments.css" />
 		{% endif %}
 		{% if includeTOC %}
 		<link rel="stylesheet" type="text/css" href="/css/toc.css" />

public/css/comments.css

@@ -33,7 +33,7 @@ h4.isso-thread-heading {
 	font-variation-settings: var(--font-variation-ui) !important;
 	height: var(--space-m-l) !important;
 	letter-spacing: var(--ui-letter-spacing) !important;
-	margin: var(--space-xs) 0 0 0 !important;
+	margin: var(--space-s) 0 0 0 !important;
 	padding: 0 var(--space-xs) !important;
 	text-transform: uppercase !important;
 	transition: var(--transition-normal) !important;
@@ -48,6 +48,7 @@ p.isso-input-wrapper {
 		font-family: var(--font-family-ui) !important;
 		font-size: var(--step--2) !important;
 		font-variation-settings: var(--font-variation-ui) !important;
+		margin-top: var(--space-s) !important;
 	}
 	& input {
 		margin-block: inherit !important;
@@ -72,7 +73,7 @@ textarea.isso-textarea {
 	font-family: var(--font-family) !important;
 	font-size: var(--step-0) !important;
 	font-variation-settings: var(--font-variation-default) !important;
-	margin-block: 0 1lh !important;
+	margin-bottom: 0 !important;
 	min-height: var(--space-l) !important;
 	padding: 0 var(--space-3xs) !important;
 	resize: vertical !important;