commit ed33af36885d745b6b03f98f1e3869e12f0b130a
parent 56130574e5a450a9fbeccb4045a2eea12dd06b5e
Author: Ibrahim Muftee <ibrahim@muftee.net>
Date:   Thu,  3 Sep 2026 10:54:43 +0000

fix header layout

Diffstat:
M
stagit-index.c
 | 
13
++++++++-----
M
stagit.c
 | 
22
++++++++++++----------

2 files changed, 20 insertions(+), 15 deletions(-)
diff --git a/stagit-index.c b/stagit-index.c
@@ -148,18 +148,21 @@ writeheader(FILE *fp)
 	fputs("</head>\n<body>\n", fp);
 	fputs("<table style=\"width: 100%;\">\n", fp);
 	fputs("<tr>\n", fp);
-	fputs("  <td style=\"width: 50%;\">\n", fp);
+	fputs("  <td style=\"width: 32px; vertical-align: middle;\">\n", fp);
 	fprintf(fp, "    <img src=\"%slogo.png\" alt=\"\" width=\"32\" height=\"32\" />\n", relpath);
 	fputs("  </td>\n", fp);
-	fputs("  <td style=\"width: 50%; text-align: right;\">\n", fp);
+	fputs("  <td style=\"vertical-align: middle;\">\n", fp);
+	fputs("    <span class=\"desc\">", fp);
+	xmlencode(fp, description, strlen(description));
+	fputs("</span>\n", fp);
+	fputs("  </td>\n", fp);
+	fputs("  <td style=\"text-align: right; vertical-align: middle; white-space: nowrap;\">\n", fp);
 	fputs("    <button id=\"theme-toggle\" style=\"background: none; border: 1px solid #888; border-radius: 4px; padding: 4px 8px; cursor: pointer;\">\n", fp);
 	fputs("      <span id=\"theme-icon\">🌙</span> <span id=\"theme-label\">Dark</span>\n", fp);
 	fputs("    </button>\n", fp);
 	fputs("  </td>\n", fp);
 	fputs("</tr>\n", fp);
-	fputs("<tr><td colspan=\"2\"><span class=\"desc\">", fp);
-	xmlencode(fp, description, strlen(description));
-	fputs("</span></td></tr>\n</table>\n<hr/>\n<div id=\"content\">\n"
+	fputs("</table>\n<hr/>\n<div id=\"content\">\n"
 		"<table id=\"index\"><thead>\n"
 		"<tr><td><b>Name</b></td><td><b>Description</b></td><td><b>Owner</b></td>"
 		"<td><b>Last commit</b></td></tr>"
diff --git a/stagit.c b/stagit.c
@@ -564,29 +564,31 @@ writeheader(FILE *fp, const char *title)
 	fputs("</head>\n<body>\n", fp);
 	fputs("<table style=\"width: 100%;\">\n", fp);
 	fputs("<tr>\n", fp);
-	fputs("  <td style=\"width: 50%;\">\n", fp);
+	fputs("  <td style=\"width: 32px; vertical-align: middle;\">\n", fp);
 	fprintf(fp, "    <a href=\"../%s\"><img src=\"%slogo.png\" alt=\"\" width=\"32\" height=\"32\" /></a>\n",
 	        relpath, relpath);
 	fputs("  </td>\n", fp);
-	fputs("  <td style=\"width: 50%; text-align: right;\">\n", fp);
+	fputs("  <td style=\"vertical-align: middle;\">\n", fp);
+	fputs("    <h1 style=\"display: inline; font-size: 1em; margin: 0;\">", fp);
+	xmlencode(fp, strippedname, strlen(strippedname));
+	fputs("</h1> <span class=\"desc\">", fp);
+	xmlencode(fp, description, strlen(description));
+	fputs("</span>\n", fp);
+	fputs("  </td>\n", fp);
+	fputs("  <td style=\"text-align: right; vertical-align: middle; white-space: nowrap;\">\n", fp);
 	fputs("    <button id=\"theme-toggle\" style=\"background: none; border: 1px solid #888; border-radius: 4px; padding: 4px 8px; cursor: pointer;\">\n", fp);
 	fputs("      <span id=\"theme-icon\">🌙</span> <span id=\"theme-label\">Dark</span>\n", fp);
 	fputs("    </button>\n", fp);
 	fputs("  </td>\n", fp);
 	fputs("</tr>\n", fp);
-	fputs("<tr><td colspan=\"2\"><h1>", fp);
-	xmlencode(fp, strippedname, strlen(strippedname));
-	fputs("</h1><span class=\"desc\">", fp);
-	xmlencode(fp, description, strlen(description));
-	fputs("</span></td></tr>", fp);
 	if (cloneurl[0]) {
-		fputs("<tr class=\"url\"><td colspan=\"2\">git clone <a href=\"", fp);
+		fputs("<tr class=\"url\"><td></td><td colspan=\"2\">git clone <a href=\"", fp);
 		xmlencode(fp, cloneurl, strlen(cloneurl));
 		fputs("\">", fp);
 		xmlencode(fp, cloneurl, strlen(cloneurl));
-		fputs("</a></td></tr>", fp);
+		fputs("</a></td></tr>\n", fp);
 	}
-	fputs("<tr><td colspan=\"2\">\n", fp);
+	fputs("<tr><td></td><td colspan=\"2\">\n", fp);
 	fprintf(fp, "<a href=\"%slog.html\">Log</a> | ", relpath);
 	fprintf(fp, "<a href=\"%sfiles.html\">Files</a> | ", relpath);
 	fprintf(fp, "<a href=\"%srefs.html\">Refs</a>", relpath);