rss icon, fix indent

web/source/css/profile.css

@@ -157,8 +157,7 @@
 	}
 }
 
-.profile {
+.profile .col-header {
-	.col-header {
 	display: flex;
 	justify-content: start;
 	gap: 2rem;
@@ -175,17 +174,6 @@
 		line-height: 1.3rem;
 		margin: 0;
 	}
-
-		&.pinned {
-			display: grid;
-			grid-template-columns: auto 1fr;
-			gap: 1rem;
-
-			a {
-				justify-self: end;
-			}
-		}
-	}
 }
 
 .profile .toots {
@@ -194,6 +182,31 @@
 	flex-direction: column;
 	gap: 0.4rem;
 
+	.col-header {
+		display: grid;
+		grid-template-columns: auto 1fr;
+		gap: 1rem;
+
+		a {
+			justify-self: end;
+		}
+
+		.rss-icon {
+			display: block;
+			margin: -0.25rem 0;
+			
+			.fa {
+				font-size: 2rem;
+				object-fit: contain;
+				vertical-align: middle;
+				color: $orange2;
+				/* can't size a single-color background, so we use a linear-gradient that's effectively white */
+				background: linear-gradient(to right, $white1 100%, transparent 0) no-repeat center center;
+				background-size: 1.2rem 1.4rem;
+			}
+		}
+	}
+
 	.toot {
 		.info {
 			padding: 0.3rem 0.75rem;

web/template/profile.tmpl

@@ -46,9 +46,6 @@
 				<span class="sr-only">Role: </span>{{ .account.Role.Name }}
 			</div>
 			{{ end }}
-            <!-- <a class="rss-icon-link" href="/@admin/feed.rss" aria-label="RSS feed">
-				<i class="rss-icon fa fa-rss-square" aria-hidden="true"></i>
-			</a> -->
 		</div>
 		<div class="sr-only">
 			Profile for
@@ -98,7 +95,7 @@
 
 		<section class="toots">
 			{{ if .pinned_statuses }}
-            <div class="col-header pinned">
+			<div class="col-header">
 				<h3>Pinned posts</h3>
 				<a href="#recent">jump to recent</a>
 			</div>
@@ -113,6 +110,11 @@
 
 			<div class="col-header">
 				<h3 id="recent" tabindex="-1">Recent posts</h3>
+				{{ if .rssFeed }}
+				<a href="{{ .rssFeed }}" class="rss-icon" aria-label="RSS feed">
+					<i class="fa fa-rss-square" aria-hidden="true"></i>
+				</a>
+				{{ end }}
 			</div>
 
 			<section class="thread">