move aside

Author: KianNH

src/components/AvailableChangelogFeeds.astro

@@ -37,6 +37,24 @@ const productsByGroup = Object.entries(
 	productsByGroup.map(([group, products]) => (
 		<>
 			<AnchorHeading depth={4} title={group} />
+			<p>
+				This feed contains entries for all {group} products:{" "}
+				<RSSButton changelog={group} />
+			</p>
+			<Details header="Included products">
+				<ul>
+					{products?.map((product) => (
+						<li>
+							<p>
+								<a href={product.data.product.url}>
+									{product.data.product.title}
+								</a>
+							</p>
+							<RSSButton changelog={product.id} />
+						</li>
+					))}
+				</ul>
+			</Details>
 			{group === "Application security" && (
 				<Aside type="note" title="DDoS and WAF ruleset feeds">
 					<p>
@@ -70,24 +88,6 @@ const productsByGroup = Object.entries(
 					</p>
 				</Aside>
 			)}
-			<p>
-				This feed contains entries for all {group} products:{" "}
-				<RSSButton changelog={group} />
-			</p>
-			<Details header="Included products">
-				<ul>
-					{products?.map((product) => (
-						<li>
-							<p>
-								<a href={product.data.product.url}>
-									{product.data.product.title}
-								</a>
-							</p>
-							<RSSButton changelog={product.id} />
-						</li>
-					))}
-				</ul>
-			</Details>
 		</>
 	))
 }