Change global document layout

Use a document-wide table for the main layout

Signed-off-by: Lars Hjemli <larsh@slaptop.hjemli.net>

cgit.css

@@ -3,7 +3,7 @@ body {
 	font-size: normal;
 	background: white;
 	padding: 0em;
-	margin: 0.5em 1em;
+	margin: 0em;
 }
 
 
@@ -48,30 +48,33 @@ table.list td {
 img {
 	border: none;
 }
-
-div#header {
+table#layout {
+	width: 100%;
+	border-collapse: collapse;
+	margin: 0px;
+}
+td#header {
 	background-color: #ddd;
 	padding: 0.25em 0.25em 0.25em 0.5em;
 	font-size: 150%;
 	font-weight: bold;
-	border: solid 1px #aaa;
+	border-bottom: solid 1px #aaa;
 	vertical-align: middle;
-	margin-bottom: 2em;
 }
-div#header img#logo {
+td#header img#logo {
 	float: right;
 }
 
-div#header input {
+td#header input {
 	float: right;
 	margin: 0.25em 1em;
 }
-div#header a {
+td#header a {
 	color: black;
 }
 
-div#content {
-	margin: 0.5em 0.5em;
+td#content {
+	padding: 1em 0.5em;
 }
 
 div#blob {

ui-shared.c

@@ -107,12 +107,13 @@ void cgit_print_docstart(char *title, struct cacheitem *item)
 
 void cgit_print_docend()
 {
+	html("</td></tr></table>");
 	html("</body>\n</html>\n");
 }
 
 void cgit_print_pageheader(char *title, int show_search)
 {
-	html("<div id='header'>");
+	html("<table id='layout'><tr><td id='header'>");
 	htmlf("<a href='%s'>", cgit_logo_link);
 	htmlf("<img id='logo' src='%s'/>\n", cgit_logo);
 	htmlf("</a>");
@@ -135,5 +136,5 @@ void cgit_print_pageheader(char *title, int show_search)
 	html_txt(title);
 	if (cgit_query_repo)
 		html("</a>");
-	html("</div>");
+	html("</td></tr><tr><td id='content'>");
 }