Fix item grid inconsistencies

src/apps/experimental/components/library/ItemsView.tsx

@@ -227,7 +227,7 @@ const ItemsView: FC<ItemsViewProps> = ({
     );
 
     const itemsContainerClass = classNames(
-        'centered padded-left padded-right padded-right-withalphapicker',
+        'padded-left padded-right padded-right-withalphapicker',
         libraryViewSettings.ViewMode === ViewMode.ListView ?
             'vertical-list' :
             'vertical-wrap'

src/controllers/list.html

@@ -49,7 +49,7 @@
                 <span class="material-icons more_vert" aria-hidden="true"></span>
             </button>
         </div>
-        <div is="emby-itemscontainer" class="vertical-wrap itemsContainer centered">
+        <div is="emby-itemscontainer" class="vertical-wrap itemsContainer">
         </div>
         <div class="flex align-items-center justify-content-center flex-wrap-wrap padded-top padded-left padded-right padded-bottom focuscontainer-x">
             <div class="paging"></div>

src/utils/items.ts

@@ -157,7 +157,7 @@ export const getDefaultSortBy = (viewType: LibraryTab) => {
 export const getDefaultLibraryViewSettings = (viewType: LibraryTab): LibraryViewSettings => {
     return {
         ShowTitle: true,
-        ShowYear: false,
+        ShowYear: true,
         ViewMode: viewType === LibraryTab.Songs ? ViewMode.ListView : ViewMode.GridView,
         ImageType: viewType === LibraryTab.Networks ? ImageType.Thumb : ImageType.Primary,
         CardLayout: false,