film genres sorted alphabetically

backend/videoflix/content/class_assets.py

@@ -1,19 +1,20 @@
 FILM_GENRES = [
     ('action', 'Action'),
     ('adventure', 'Adventure'),
-    ('comedy', 'Comedy'),
-    ('drama', 'Drama'),
-    ('horror', 'Horror'),
-    ('science_fiction', 'Science Fiction'),
-    ('fantasy', 'Fantasy'),
-    ('romance', 'Romance'),
-    ('thriller', 'Thriller'),
-    ('mystery', 'Mystery'),
-    ('crime', 'Crime'),
     ('animation', 'Animation'),
+    ('anime', 'Anime'),
+    ('comedy', 'Comedy'),
+    ('crime', 'Crime'),
     ('documentary', 'Documentary'),
+    ('drama', 'Drama'),
+    ('fantasy', 'Fantasy'),
+    ('horror', 'Horror'),
     ('musical', 'Musical'),
+    ('mystery', 'Mystery'),
+    ('other', 'Miscellaneous'),
+    ('romance', 'Romance'),
+    ('science_fiction', 'Science Fiction'),
+    ('thriller', 'Thriller'),
     ('war', 'War'),
     ('western', 'Western'),
-    ('other', 'Miscellaneous'),
 ]

frontend/src/app/components/home/browse/categories/categories.component.ts

@@ -28,21 +28,22 @@ export class CategoriesComponent implements AfterViewInit {
   filmGenres = [
     { code: 'action', name: 'Action' },
     { code: 'adventure', name: 'Adventure' },
-    { code: 'comedy', name: 'Comedy' },
-    { code: 'drama', name: 'Drama' },
-    { code: 'horror', name: 'Horror' },
-    { code: 'science_fiction', name: 'Science Fiction' },
-    { code: 'fantasy', name: 'Fantasy' },
-    { code: 'romance', name: 'Romance' },
-    { code: 'thriller', name: 'Thriller' },
-    { code: 'mystery', name: 'Mystery' },
-    { code: 'crime', name: 'Crime' },
     { code: 'animation', name: 'Animation' },
+    { code: 'anime', name: 'Anime' },
+    { code: 'comedy', name: 'Comedy' },
+    { code: 'crime', name: 'Crime' },
     { code: 'documentary', name: 'Documentary' },
+    { code: 'drama', name: 'Drama' },
+    { code: 'fantasy', name: 'Fantasy' },
+    { code: 'horror', name: 'Horror' },
     { code: 'musical', name: 'Musical' },
+    { code: 'mystery', name: 'Mystery' },
+    { code: 'other', name: 'Miscellaneous' },
+    { code: 'romance', name: 'Romance' },
+    { code: 'science_fiction', name: 'Science Fiction' },
+    { code: 'thriller', name: 'Thriller' },
     { code: 'war', name: 'War' },
     { code: 'western', name: 'Western' },
-    { code: 'other', name: 'Miscellaneous' },
   ];
 
   ngAfterViewInit() {