Fix layout of about page

swsnr · Nov 15, 2023 · 8366f7a · 8366f7a
1 parent e8116af
commit 8366f7a
Showing 1 changed file with 23 additions and 17 deletions.
diff --git a/ui/AboutPage.blp b/ui/AboutPage.blp
@@ -5,17 +5,25 @@ template $AboutPage : Adw.PreferencesPage {
   title: _("About");
   icon-name: "dialog-information-symbolic";
 
-  Box {
-    orientation: vertical;
-    valign: center;
-    halign: center;
-    margin-top: 12;
-    margin-bottom: 12;
+  Adw.PreferencesGroup {
+    valign: fill;
+    halign: fill;
 
-    Label extensionName {
-      label: "The name of this extension";
+    Box {
+      orientation: vertical;
+      halign: center;
       margin-bottom: 15;
-      styles ["title-1"]
+
+      Label extensionName {
+        label: "The name of this extension";
+        margin-bottom: 5;
+        styles ["title-1"]
+      }
+
+      Label extensionVersion {
+        label: "0.0.0";
+        styles ["caption"]
+      }
     }
 
     Box {
@@ -24,7 +32,7 @@ template $AboutPage : Adw.PreferencesPage {
       margin-bottom: 5;
 
       Label extensionDescription {
-        label: "The description of this extension";
+        label: "Description of this extension";
         justify: center;
       }
     }
@@ -43,18 +51,16 @@ template $AboutPage : Adw.PreferencesPage {
     }
 
     Box {
-      halign: center;
+      orientation: vertical;
+      vexpand: true;
+      hexpand: true;
 
       ScrolledWindow {
         margin-top: 24;
-        height-request: 400;
-        width-request: 600;
+        vexpand: true;
+        hexpand: true;
 
         TextView extensionLicense {
-          bottom-margin: 12;
-          left-margin: 12;
-          right-margin: 12;
-          top-margin: 12;
           editable: false;
           cursor-visible: false;
           wrap-mode: word;