adding better footer information and styling

src/qml/main.qml

@@ -23,7 +23,8 @@ Kirigami.ApplicationWindow {
     property bool editMode: false
 
     property string soundEffect
-    property string footerLeftString
+    property string footerSecondText
+    property string footerFirstText
 
     signal edit()
 
@@ -60,17 +61,39 @@ Kirigami.ApplicationWindow {
     }
 
     footer: RowLayout {
+        height: Kirigami.Units.gridUnit * 1.3
         Controls.Label {
             id: presentingLabel
             Layout.alignment: Qt.AlignLeft
             Layout.leftMargin: Kirigami.Units.smallSpacing * 2
             text: activeServiceItem
         }
-        Controls.TextArea {
+        Rectangle {
-            id: filePathLabel
+            Layout.fillWidth: true
-            Layout.alignment: Qt.AlignLeft
+            Layout.fillHeight: true
+            /* height: Kirigami.Units.gridUnit */
             Layout.leftMargin: Kirigami.Units.smallSpacing * 2
-            text: footerLeftString
+            Layout.rightMargin: Kirigami.Units.smallSpacing * 2
+            Layout.topMargin: 0
+
+            Kirigami.Theme.colorSet: Kirigami.Theme.Complementary
+            color: Kirigami.Theme.alternateBackgroundColor
+
+            Controls.Label {
+                id: footerPrefixLabel
+                anchors.left: parent.left
+                anchors.top: parent.top
+                anchors.leftMargin: Kirigami.Units.smallSpacing * 2
+                text: footerFirstText
+            }
+            Controls.TextField {
+                id: footerFilePathLabel
+                anchors.verticalCenter: footerPrefixLabel.verticalCenter
+                anchors.left: footerPrefixLabel.right
+                anchors.right: parent.right
+                anchors.rightMargin: Kirigami.Units.smallSpacing * 2
+                leftInset: 0
+                text: footerSecondText
                 background: Item{}
                 readOnly: true
                 HoverHandler {
@@ -79,9 +102,10 @@ Kirigami.ApplicationWindow {
                     cursorShape: parent.hoveredLink ? Qt.PointingHandCursor : Qt.IBeamCursor
                 }
             }
-        Item {
-            Layout.fillWidth: true
         }
+        /* Item { */
+        /*     Layout.fillWidth: true */
+        /* } */
         RowLayout {
             id: rightFooterItems
             spacing: 10

src/qml/presenter/MainWindow.qml

@@ -252,7 +252,7 @@ Controls.Page {
                 currentWindow = presentation;
                 editMode = false;
                 refocusPresentation();
-                footerLeftString = presenting ? "Presenting..." : "Presentation Preview"
+                /* footerLeftString = presenting ? "Presenting..." : "Presentation Preview" */
             }
         } else {
             videoEditor.visible = false;
@@ -264,7 +264,7 @@ Controls.Page {
             currentWindow = presentation;
             editMode = false;
             refocusPresentation();
-            footerLeftString = presenting ? "Presenting..." : "Presentation Preview"
+            /* footerLeftString = presenting ? "Presenting..." : "Presentation Preview" */
         }
     }