From 03a4b571d39ba228da09a264daeae791a367b6c5 Mon Sep 17 00:00:00 2001
From: Yves Biener <yves.biener@gmx.de>
Date: Sat, 19 Oct 2024 16:11:08 +0200
Subject: [PATCH] mod: adjust layout and style of widgets and header links

---
 src/main.zig          | 17 +++++++++++++----
 src/widget/Header.zig |  8 ++++++++
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/main.zig b/src/main.zig
index ff17d7f..0fdd2ce 100644
--- a/src/main.zig
+++ b/src/main.zig
@@ -110,16 +110,25 @@ pub fn main() !void {
             .border = .{ .where = .all },
         }));
 
+        // should be 120 characters wide and centered horizontally
+        var view_port_x_off: usize = undefined;
+        var limit: usize = 120;
+        if (root_window.width / 2 -| 60 > 0) {
+            view_port_x_off = root_window.width / 2 -| 60;
+        } else {
+            view_port_x_off = 1;
+            limit = root_window.width - 1;
+        }
         view_port.draw(root_window.child(.{
-            .x_off = root_window.width / 8,
+            .x_off = view_port_x_off,
             .y_off = 3,
-            .width = .{ .limit = root_window.width / 2 + (root_window.width / 4) },
+            .width = .{ .limit = limit },
         }));
 
         if (active_menu) {
             menu.draw(root_window.child(.{
-                .x_off = root_window.width / 2 - 25,
-                .y_off = root_window.height / 2 - 10,
+                .x_off = root_window.width / 2 -| 25,
+                .y_off = root_window.height / 2 -| 10,
                 .width = .{ .limit = 50 },
                 .height = .{ .limit = 20 },
                 .border = .{ .where = .all },
diff --git a/src/widget/Header.zig b/src/widget/Header.zig
index 99e134e..c8b1732 100644
--- a/src/widget/Header.zig
+++ b/src/widget/Header.zig
@@ -66,6 +66,10 @@ fn fillView(this: *@This()) void {
         const cell: vaxis.Cell = .{
             .link = .{ .uri = "https://github.com/yves-biener" },
             .char = .{ .grapheme = "github" },
+            .style = .{
+                .fg = .{ .index = 3 },
+                .ul_style = .single,
+            },
         };
         this.view.?.writeCell(this.view.?.screen.width - 9, 0, cell);
     }
@@ -74,6 +78,10 @@ fn fillView(this: *@This()) void {
         const cell: vaxis.Cell = .{
             .link = .{ .uri = "mailto:yves.biener@gmx.de" },
             .char = .{ .grapheme = "mail" },
+            .style = .{
+                .fg = .{ .index = 3 },
+                .ul_style = .single,
+            },
         };
         this.view.?.writeCell(this.view.?.screen.width - 16, 0, cell);
     }