Change global document layout

Use a document-wide table for the main layout

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

2 files changed, 16 insertions, 12 deletions

diff --git a/cgit.css b/cgit.css
index d2c0d0b..63acd78 100644
--- a/cgit.css
+++ b/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 {
diff --git a/ui-shared.c b/ui-shared.c
index bebd3e0..6300516 100644
--- a/ui-shared.c
+++ b/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'>");
 }