Fix the play slider and time label so that they don't overflow the bubble when thin.

The time label now appears below the duration slider when very thin.
Remove unnecessary padding from the audio inner object, including deleting the outer control which added padding but little else.

imports/NeoChat/Component/Timeline/AudioDelegate.qml

@@ -21,8 +21,7 @@ TimelineContainer {
     onDownloadedChanged: audio.play()
 
     hoverComponent: hoverActions
-    innerObject: Control {
+    innerObject: ColumnLayout {
-        Layout.fillWidth: true
         Layout.maximumWidth: audioDelegate.contentMaxWidth
 
         Audio {
@@ -82,7 +81,6 @@ TimelineContainer {
             }
         ]
 
-        contentItem: ColumnLayout {
         RowLayout {
             ToolButton {
                 id: playButton
@@ -103,10 +101,9 @@ TimelineContainer {
         }
         RowLayout {
             visible: audio.hasAudio
-                Layout.leftMargin: Kirigami.Units.largeSpacing
-                Layout.rightMargin: Kirigami.Units.largeSpacing
 
             Slider {
+                Layout.fillWidth: true
                 from: 0
                 to: audio.duration
                 value: audio.position
@@ -114,9 +111,17 @@ TimelineContainer {
             }
 
             Label {
+                visible: audioDelegate.contentMaxWidth > Kirigami.Units.gridUnit * 12
+
+                text: Controller.formatDuration(audio.position) + "/" + Controller.formatDuration(audio.duration)
+            }
+        }
+        Label {
+            Layout.alignment: Qt.AlignRight
+            Layout.rightMargin: Kirigami.Units.smallSpacing
+            visible: audio.hasAudio && audioDelegate.contentMaxWidth < Kirigami.Units.gridUnit * 12
+
             text: Controller.formatDuration(audio.position) + "/" + Controller.formatDuration(audio.duration)
         }
     }
 }
-    }
-}