Remove unnecessary gamespeed component, fix some display bugs

public/stylesheets/new-ui-styles.css

@@ -497,12 +497,6 @@ body.t-s9 {
   margin-top: 0.3rem;
 }
 
-.tickspeed-max-btn {
-  width: 10rem;
-  height: 3rem;
-  padding: 0.5rem;
-}
-
 .particle {
   width: 1rem;
   height: 1rem;

public/stylesheets/styles.css

@@ -1596,12 +1596,14 @@ br {
 }
 
 .o-primary-btn--dimboost {
+  position: relative;
   width: 21rem;
   height: 4.5rem;
   font-size: 0.9rem;
 }
 
 .o-primary-btn--galaxy {
+  position: relative;
   width: 21rem;
   height: 4.5rem;
   font-size: 0.9rem;

src/components/tabs/antimatter-dimensions/TickspeedRow.vue

@@ -129,7 +129,10 @@ export default {
 }
 
 .tickspeed-btn {
+  position: relative;
   width: 30rem;
+  height: 3rem;
+  padding: 0.5rem;
 }
 
 .tickspeed-labels {
@@ -151,6 +154,9 @@ export default {
 
 .tickspeed-max-btn {
   margin-left: 0.5rem;
+  width: 10rem;
+  height: 3rem;
+  padding: 0.5rem;
 }
 
 .o-non-clickable {

src/components/ui-modes/GameHeader.vue

@@ -1,7 +1,7 @@
 <script>
+import HeaderBlackHole from "./HeaderBlackHole";
 import HeaderChallengeDisplay from "./HeaderChallengeDisplay";
 import HeaderChallengeEffects from "./HeaderChallengeEffects";
-import HeaderGameSpeed from "./HeaderGameSpeed";
 import HeaderPrestigeGroup from "./HeaderPrestigeGroup";
 
 export default {
@@ -9,7 +9,7 @@ export default {
   components: {
     HeaderChallengeDisplay,
     HeaderChallengeEffects,
-    HeaderGameSpeed,
+    HeaderBlackHole,
     HeaderPrestigeGroup,
   },
 };
@@ -20,7 +20,7 @@ export default {
     <HeaderChallengeDisplay />
     <HeaderChallengeEffects />
     <HeaderPrestigeGroup />
-    <HeaderGameSpeed />
+    <HeaderBlackHole />
   </div>
 </template>
 

src/components/ui-modes/HeaderGameSpeed.vue

@@ -1,35 +0,0 @@
-<script>
-import GameSpeedDisplay from "../GameSpeedDisplay";
-
-import HeaderBlackHole from "./HeaderBlackHole";
-
-export default {
-  name: "HeaderGameSpeed",
-  components: {
-    GameSpeedDisplay,
-    HeaderBlackHole
-  },
-  data() {
-    return {
-      showSpeed: false,
-    };
-  },
-  methods: {
-    update() {
-      const ec12 = EternityChallenge(12);
-      const hasSeenAlteredSpeed = PlayerProgress.realityUnlocked() || ec12.completions > 0 || ec12.isRunning;
-      const hasRealityButton = PlayerProgress.realityUnlocked() || TimeStudy.reality.isBought;
-      // This is additionally shown in a different place on Modern, so we hide it to prevent showing it twice
-      this.showSpeed = hasRealityButton || (hasSeenAlteredSpeed && !player.options.newUI);
-    },
-  }
-};
-</script>
-
-<template>
-  <span>
-    <GameSpeedDisplay v-if="showSpeed" />
-    <br>
-    <HeaderBlackHole />
-  </span>
-</template>

src/components/ui-modes/modern/ModernUi.vue

@@ -1,7 +1,7 @@
 <script>
+import HeaderBlackHole from "../HeaderBlackHole";
 import HeaderChallengeDisplay from "../HeaderChallengeDisplay";
 import HeaderChallengeEffects from "../HeaderChallengeEffects";
-import HeaderGameSpeed from "../HeaderGameSpeed";
 import HeaderPrestigeGroup from "../HeaderPrestigeGroup";
 import NewsTicker from "../NewsTicker";
 
@@ -12,7 +12,7 @@ export default {
     HeaderChallengeDisplay,
     HeaderChallengeEffects,
     NewsTicker,
-    HeaderGameSpeed,
+    HeaderBlackHole,
     HeaderPrestigeGroup
   },
   data() {
@@ -76,7 +76,7 @@ export default {
         <div class="information-header">
           <HeaderChallengeDisplay />
           <HeaderChallengeEffects />
-          <HeaderGameSpeed />
+          <HeaderBlackHole />
         </div>
         <button
           v-if="smallCrunch && !bigCrunch"