Add reply-to function

src/styles/_page.project.panel.feed.scss

@@ -4,6 +4,66 @@
 
 #feed {
 	#feed-panel {
+		.quote {
+			display: flex;
+			align-items: center;
+			gap: var.$elem-spacing;
+			padding: var.$elem-spacing;
+			border-radius: var.$block-radius;
+			border-left-width: var.$border-thick;
+			border-left-style: solid;
+			font-size: 0.9em;
+			box-shadow: var.$elem-shadow;
+
+			&.post {
+				border-left-color: color.$post;
+				background: color.$post-bg;
+				color: color.$post;
+			}
+
+			&.message {
+				border-left-color: color.$message;
+				background: color.$message-bg;
+				color: color.$message;
+			}
+
+			&.media {
+				border-left-color: color.$media;
+				background: color.$media-bg;
+				color: color.$media;
+			}
+
+			.image {
+				flex: 0 0 auto;
+				width: 3 * var.$block-spacing;
+				height: 3 * var.$block-spacing;
+				object-fit: cover;
+				border-radius: var.$block-radius;
+			}
+
+			.text {
+				flex: 1 1 auto;
+				min-width: 0;
+				display: flex;
+				flex-direction: column;
+				gap: var.$text-spacing;
+
+				.content {
+					margin: 0;
+					display: -webkit-box;
+					-webkit-box-orient: vertical;
+					-webkit-line-clamp: 3;
+					line-clamp: 3;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+
+				img {
+					transform: scaleX(90%) scaleY(90%);
+				}
+			}
+		}
+
 		#feed-header {
 			.poster {
 				.poster-form {
@@ -70,7 +130,7 @@
 						gap: var.$elem-spacing;
 						flex: 0 0 auto;
 
-						.link {
+						.link, .reply {
 							padding: 0;
 							line-height: 1;
 						}
@@ -203,7 +263,10 @@
 
 			&.post {
 				.body {
-					padding: 0 var.$block-spacing var.$elem-spacing;
+					display: flex;
+					flex-direction: column;
+					gap: var.$elem-spacing;
+					padding-bottom: var.$elem-spacing;
 
 					.message p {
 						margin: 0;
@@ -212,18 +275,6 @@
 							margin-top: var.$text-spacing;
 						}
 					}
-
-					.signature {
-						margin-top: var.$elem-spacing;
-						text-align: right;
-						font-style: italic;
-
-						img {
-							vertical-align: baseline;
-							margin: 0 0.2em calc((1em - 24px)/2) 0;
-							position: relative;
-						}
-					}
 				}
 			}