Commit Diff

Commit:
fff5bd75b56312e28562c38a056e2bc8fbd2a218
From:
Bradley Taunt <bt@btxx.org>
Date:
Message:
New styling for index page, cleanup for individual pages
Actions:
Patch | Tree
commit - eb073ea0965fff7ed1eed30c86edd49bed7300a4
commit + fff5bd75b56312e28562c38a056e2bc8fbd2a218
blob - 08589e057c2786f63f10c823575769be9c8cfae7
blob + 0dd3a46de775b523ffdbd7914d99866dae37b875
--- stagit-index.c
+++ stagit-index.c
@@ -103,7 +103,20 @@ writeheader(FILE *fp)
 		"<title>", fp);
 	xmlencode(fp, description, strlen(description));
 	fprintf(fp, "</title>\n<link rel=\"icon\" type=\"image/png\" href=\"%sfavicon.png\" />\n", relpath);
-	fprintf(fp, "%s", "<style>*{box-sizing:border-box;}body{font-family:sans-serif;font-size:14px;margin:1rem;}h1{margin:0;}table{width:100%;}table#log tbody > tr td:first-of-type{min-width:120px;}pre{overflow:scroll;}</style>");
+	fprintf(fp, "%s", "<style>
+		*{box-sizing:border-box;}
+		body{font-family:sans-serif;font-size:14px;margin:0;padding:10px;}
+		h1{margin:0;}
+		table{width:100%;}
+		table#log tbody > tr td:first-of-type{min-width:120px;}
+		pre{overflow:scroll;}
+		@media(max-width:600px) {
+			table tbody{display:block;}
+			table thead{display:none;}
+			table tbody tr{border-bottom:1px solid;display:flex;flex-wrap:wrap;padding:0 0 10px;}
+			table tbody tr td{width:100%;}
+		}
+	</style>");
 	fputs("</head>\n<body>\n", fp);
 	fprintf(fp, "%s", "<table>\n<tr><td><span class=\"desc\">");
 	xmlencode(fp, description, strlen(description));
blob - b3b2f82dcce5bd991035b45e309d58226e0a5c91
blob + 71bfd32ce953d64cce67bd08a2c47fd1b6eaa90e
--- stagit.c
+++ stagit.c
@@ -519,7 +519,14 @@ writeheader(FILE *fp, const char *title)
 	fputs("<link rel=\"alternate\" type=\"application/atom+xml\" title=\"", fp);
 	xmlencode(fp, name, strlen(name));
 	fprintf(fp, " Atom Feed (tags)\" href=\"%stags.xml\" />\n", relpath);
-	fprintf(fp, "%s", "<style>*{box-sizing:border-box;}body{font-family:sans-serif;font-size:14px;margin:1rem;}h1{margin:0;}table{width:100%;}table#log tbody > tr td:first-of-type{min-width:120px;}pre{overflow:scroll;}</style>");
+	fprintf(fp, "%s", "<style>
+		*{box-sizing:border-box;}
+		body{font-family:sans-serif;font-size:14px;margin:0;padding:10px;}
+		h1{margin:0;}
+		table{width:100%;}
+		table#log tbody > tr td:first-of-type{min-width:120px;}
+		pre{overflow:scroll;}
+	</style>");
 	fputs("</head>\n<body>\n<table>", fp);
 	fputs("<tr><td><h1>", fp);
 	xmlencode(fp, strippedname, strlen(strippedname));