Use footer elements

pages/settings/accounts.pixy

@@ -86,4 +86,4 @@ component SettingsAccounts(user *arn.User)
 				Icon("refresh")
 				span Sync
 			
-			.footer Reserved for upcoming features.
+			footer.footer Reserved for upcoming features.

pages/settings/info.pixy

@@ -22,6 +22,6 @@ component SettingsInfo(user *arn.User)
 			InputBool("Privacy.ShowAge", user.Settings().Privacy.ShowAge, "Show age", "Shows your age on the profile page")
 			InputBool("Privacy.ShowLocation", user.Settings().Privacy.ShowLocation, "Show location", "Shows your location on the profile page")
 
-			.footer
+			footer.footer
 				p Can only be made visible to logged in members.
 		

pages/settings/notifications.pixy

@@ -27,7 +27,7 @@ component SettingsNotifications(user *arn.User)
 					Icon("paper-plane")
 					span Send test notification
 			
-			.footer
+			footer.footer
 				p(title="This setting is not account bound, instead it is bound to your browser.") You can customize this setting on every device you own.
 		
 		.widget.mountable(data-api="/api/settings/" + user.ID)

pages/settings/personal.pixy

@@ -30,7 +30,7 @@ component SettingsPersonal(user *arn.User)
 				img.profile-cover.cover-input-preview.lazy(data-src=user.CoverLink("small"), data-webp="true", alt="Cover image")
 			
 			if !user.IsPro()
-				.footer
+				footer.footer
 					p PRO account required.
 
 component AvatarInput(user *arn.User)