Redraw the logo and favicon at higher resolution

1 file changed, 10 insertions, 0 deletions

diff --git a/assets/cgit.css b/assets/cgit.css
index 7a425f5..3255068 100644
--- a/assets/cgit.css
+++ b/assets/cgit.css
@@ -251,9 +251,13 @@ div#cgit #header .theme-toggle svg {
 	stroke-linejoin: round;
 }
 
+/* Reserve the logo column. The image carries no width attribute, since the
+ * logo is configurable and its size is not known here, so without this the
+ * column collapses to nothing and the masthead jumps sideways on load. */
 div#cgit #header .logo {
 	grid-area: logo;
 	align-self: start;
+	min-width: 96px;
 }
 
 div#cgit #header .logo img {
@@ -1432,6 +1436,9 @@ div#cgit table.ssdiff td.space div {
 		column-gap: 8px;
 		row-gap: 6px;
 	}
+	div#cgit #header .logo {
+		min-width: 56px;
+	}
 	div#cgit #header .logo img {
 		max-width: 56px;
 	}
@@ -1475,6 +1482,9 @@ div#cgit table.ssdiff td.space div {
 @media (max-width: 380px) {
 	/* Reclaim width on the smallest phones by shrinking the logo and the
 	 * title further so the masthead does not crowd out the content. */
+	div#cgit #header .logo {
+		min-width: 44px;
+	}
 	div#cgit #header .logo img {
 		max-width: 44px;
 	}