Improved anime editing sidebar icons

pages/editor/editor.scarlet

@@ -26,42 +26,28 @@
 	background hsl(273, feature-card-saturation, feature-card-lightness) !important
 
 .search-links
-	position fixed
-	top 25%
-	left 95%
-	vertical
-	width fit-content
-
-
-// This is a copy of the .badge style, but the position:absolute broke the layout
-.search-link
 	horizontal
-	justify-content center
-	align-items center
-	background reverse-light-color
-	border-radius 50%
-	padding 0.5rem
-	color text-color
-	width 30px
-	height 30px
-	position relative
-	margin-top 0.2em
-	margin-bottom 0.2em
+	margin 0 auto
 
-	:hover
-		color text-color
-		background reverse-light-hover-color
+.search-link
+	margin 0.2rem
 
-	:active
-		transform scale(1.2)
+> 1000px
+	.search-links
+		vertical
+		position fixed
+		top 50%
+		right content-padding
+		transform translateY(-50%)
 
-.google-badge,.shoboi-badge
+.google-badge,
+.shoboi-badge
 	background rgba(255, 255, 255, 0.80) !important
 
 	:hover
 		background rgba(255, 255, 255, 1) !important
 
-.annilist-badge
+.anilist-badge
 	background rgba(31, 38, 49, 0.80) !important
 
 	:hover