fix(LateNightQML): correct BPM editor layout and track fallback

Author: xARSENICx

res/skins/LateNightQML/Deck/LateNightBpmTapEditor.qml

@@ -263,30 +263,37 @@ Item {
         anchors.fill: parent
         visible: root.mode === "edit"
         color: LateNightTheme.bpmTapEditorBackgroundColor
-        border.width: 1
-        border.color: LateNightTheme.bpmTapEditorEditBorderColor
-        radius: 2
-
-        TextInput {
-            id: editInput
-            x: 1
-            y: 1
-            width: parent.width - 2
-            height: parent.height - 17
-            color: LateNightTheme.textColor
-            selectedTextColor: LateNightTheme.deckActiveButtonTextColor
-            selectionColor: LateNightTheme.textColor
-            font.family: "Open Sans"
-            font.pixelSize: 14
-            font.weight: Font.Medium
-            horizontalAlignment: TextInput.AlignHCenter
-            verticalAlignment: TextInput.AlignVCenter
-            inputMethodHints: Qt.ImhFormattedNumbersOnly
-            selectByMouse: true
-
-            Keys.onReturnPressed: root.applyEditValueAndQuit()
-            Keys.onEnterPressed: root.applyEditValueAndQuit()
-            Keys.onEscapePressed: root.switchMode("listen")
+        radius: 1
+
+        Rectangle {
+            x: 0
+            y: 0
+            width: parent.width
+            height: parent.height - 16
+            color: LateNightTheme.bpmTapEditorBackgroundColor
+            border.width: 1
+            border.color: LateNightTheme.bpmTapEditorEditBorderColor
+            radius: 1
+
+            TextInput {
+                id: editInput
+                anchors.fill: parent
+                anchors.margins: 1
+                color: LateNightTheme.textColor
+                selectedTextColor: LateNightTheme.deckActiveButtonTextColor
+                selectionColor: LateNightTheme.textColor
+                font.family: "Open Sans"
+                font.pixelSize: 14
+                font.weight: Font.Medium
+                horizontalAlignment: TextInput.AlignHCenter
+                verticalAlignment: TextInput.AlignVCenter
+                inputMethodHints: Qt.ImhFormattedNumbersOnly
+                selectByMouse: true
+
+                Keys.onReturnPressed: root.applyEditValueAndQuit()
+                Keys.onEnterPressed: root.applyEditValueAndQuit()
+                Keys.onEscapePressed: root.switchMode("listen")
+            }
         }
 
         Rectangle {
@@ -297,7 +304,7 @@ Item {
             color: LateNightTheme.bpmTapEditorButtonColor
 
             Image {
-                anchors.centerIn: parent
+                anchors.fill: parent
                 source: decreaseArea.pressed ? LateNightTheme.assetDeckBpmSpinboxMinusPressedButton : LateNightTheme.assetDeckBpmSpinboxMinusButton
                 fillMode: Image.PreserveAspectFit
             }
@@ -317,7 +324,7 @@ Item {
             color: LateNightTheme.bpmTapEditorButtonColor
 
             Image {
-                anchors.centerIn: parent
+                anchors.fill: parent
                 source: increaseArea.pressed ? LateNightTheme.assetDeckBpmSpinboxPlusPressedButton : LateNightTheme.assetDeckBpmSpinboxPlusButton
                 fillMode: Image.PreserveAspectFit
             }

res/skins/LateNightQML/Deck/TitleTimeRows.qml

@@ -12,7 +12,7 @@ Item {
     required property string group
 
     readonly property Mixxx.Player deckPlayer: Mixxx.PlayerManager.getPlayer(root.group)
-    readonly property Mixxx.Track currentTrack: root.deckPlayer?.currentTrack
+    readonly property Mixxx.Track currentTrack: root.deckPlayer?.currentTrack ?? null
     readonly property bool isLoaded: deckPlayer?.isLoaded ?? false
     readonly property bool useSecondaryDeckText: root.group === "[Channel3]" || root.group === "[Channel4]"
     readonly property color loadedDeckTextColor: useSecondaryDeckText ? LateNightTheme.secondaryDeckTextColor : LateNightTheme.primaryDeckTextColor