From a9d36cd0c87cf938e595fef8d09b50e28554de63 Mon Sep 17 00:00:00 2001
From: olf <Olf0@users.noreply.github.com>
Date: Mon, 1 Apr 2024 21:45:09 +0200
Subject: [PATCH] [qml/components/ComicInfoPanel.qml] Improve layout

---
 qml/components/ComicInfoPanel.qml | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/qml/components/ComicInfoPanel.qml b/qml/components/ComicInfoPanel.qml
index c8fa6dd..686b319 100644
--- a/qml/components/ComicInfoPanel.qml
+++ b/qml/components/ComicInfoPanel.qml
@@ -21,7 +21,7 @@ DockedPanel {
 
     width: isPortrait ? parent.width : 0.7 * parent.width
     height: isPortrait ? 0.7 * parent.height : parent.height
-    contentHeight: height - Theme.paddingMedium
+    contentHeight: height
     dock: isPortrait ? Dock.Bottom : Dock.Right
 
     function showComicInfo() {
@@ -49,10 +49,12 @@ DockedPanel {
             spacing: Theme.paddingMedium
             anchors.centerIn: parent
             width: parent.width - Theme.horizontalPageMargin
+            height: parent.height - Theme.verticalPageMargin
 
             Grid {
+                id: infoGrid
                 columns: 2
-                spacing: Theme.paddingMedium
+                spacing: infoColumn.spacing
 
                 Label {
                     id: nameHeaderLabel
@@ -128,11 +130,13 @@ DockedPanel {
                 asynchronous: true
 
                 width: parent.width
-                height: comicInfoPanel.height - (nameHeaderLabel.height + authorsHeaderLabel.height
-                        + languageHeaderLabel.height + exampleImageHeaderLabel.height
-                        + 6 * Theme.paddingMedium)
-
-                anchors.horizontalCenter: parent.horizontalCenter
+                height: infoColumn.height - (infoGrid.height + infoColumn.spacing
+                        + exampleImageHeaderLabel.height + exampleImage.anchors.topMargin)
+                anchors {
+                    top: exampleImageHeaderLabel.bottom
+                    topMargin: Theme.paddingSmall
+                    horizontalCenter: parent.horizontalCenter
+                }
             }
         }