Mappings first menu item now

pages/editor/editor.pixy

@@ -18,16 +18,16 @@ component EditorTabs(url string)
 		Tab("Editor", "pencil", "/editor")
 		Tab("MAL", "exchange", "/editor/maldiff/anime")
 		Tab("Kitsu", "exchange", "/editor/kitsu/new/anime")
-		Tab("Anime", "tv", "/editor/anime/synopsis")
+		Tab("Anime", "tv", "/editor/anime/mapping/mal")
 		Tab("Companies", "building", "/editor/companies/description")
 		Tab("Search", "search", "/database")
 
 	if strings.Contains(url, "/editor/anime/")
 		.tabs
+			Tab("Mappings", "arrows-h", "/editor/anime/mapping/mal")
 			Tab("Synopsis", "align-left", "/editor/anime/synopsis")
 			Tab("Genres", "clone", "/editor/anime/genres")
 			Tab("Start date", "calendar", "/editor/anime/startdate")
-			Tab("Mappings", "arrows-h", "/editor/anime/mapping/mal")
 			Tab("Images", "image", "/editor/anime/image/lowres")
 	
 	if strings.Contains(url, "/editor/anime/mapping/")

styles/grid.scarlet

@@ -8,6 +8,7 @@ mixin grid-cell
 	width anime-image-medium-width
 	height anime-image-medium-height
 	max-width anime-image-medium-width
+	max-height anime-image-medium-height
 	// min-width 90px
 	// min-height 127px
 	border-radius 3px

styles/include/mixins.scarlet

@@ -67,8 +67,9 @@ mixin anime-mini-item-image
 	height anime-image-small-height !important
 	anime-generic-item-image
 
-	// Make it easier for the browser to layout by specifying max-width as well
+	// Make it easier for the browser to layout by specifying max size as well
 	max-width anime-image-small-width
+	max-height anime-image-small-height
 
 mixin anime-list-item-image
 	width anime-image-tiny-width
@@ -76,8 +77,9 @@ mixin anime-list-item-image
 	border-radius 2px
 	object-fit cover
 
-	// Make it easier for the browser to layout by specifying max-width as well
+	// Make it easier for the browser to layout by specifying max size as well
 	max-width anime-image-tiny-width
+	max-height anime-image-tiny-height
 
 mixin sidebar
 	vertical