Fix button placement, fix chart selector

public/data-sources/changelog.json

@@ -9,5 +9,6 @@
     "3.0.8": ["- (Minor) Added game event options for Classic IIDX versions"],
     "3.0.8-shrimplinks": ["- (Bugfix) Fix broken session."],
     "3.0.9": ["- (Minor) Add additional data to the dashboard, including today stats and score stats. Add score stats to chart."],
-    "3.0.10": ["- (Major) Add experimental records pages, work on score processing.", "- (Bugfix) Clean up new dashboard data"]
+    "3.0.10": ["- (Major) Add experimental records pages, work on score processing.", "- (Bugfix) Clean up new dashboard data"],
+    "3.0.11": ["- (Bugfix) Fix broken chart sorting for certain games.", "- (Bugfix) Add spacing on mobile for personal records user buttons."]
 }

src/views/Game/PersonalRecords.vue

@@ -89,7 +89,7 @@ const filteredSongs = computed(() => {
     <SectionMain v-if="songData">
       <template v-if="myProfile">
         <GameHeader :game="thisGame" :profile="myProfile" />
-        <div class="flex gap-2">
+        <div class="flex gap-2 mb-2 md:mb-0">
           <BaseButton
             :icon="mdiAccountDetails"
             :href="`/#/games/${thisGame.id}/profiles/${myProfile.userId}`"

src/views/Game/SongView.vue

@@ -62,16 +62,20 @@ const chartSelector = reactive({
 
 const chartOptions = computed(() => {
   if (!songData.value.charts) return [];
-  return songData.value.charts
-    .filter(
-      (chart) => chart.data?.difficulty !== 0 && chart.data?.difficulty != null
-    )
-    .map((chart, index) => {
-      const label = `${thisGame.chartTable[chart.chart]} - ${
-        chart.data?.difficulty ?? "?"
-      }`;
-      return { id: index, label };
-    });
+  return (
+    songData.value.charts
+      .filter(
+        (chart) =>
+          chart.data?.difficulty !== 0 && chart.data?.difficulty != null
+      )
+      // eslint-disable-next-line no-unused-vars
+      .map((chart, index) => {
+        const label = `${thisGame.chartTable[chart.chart]} - ${
+          chart.data?.difficulty ?? "?"
+        }`;
+        return { id: chart.chart, label };
+      })
+  );
 });
 
 const selectedChartRecords = computed(() => {