add left-right padding for small res

[iankelling.org] / css / gitweb-site.scss

diff --git a/css/gitweb-site.scss b/css/gitweb-site.scss
index 54bb033f4f3c5f676c7a5106d9fed8ccd786ec81..f884fc7b7ce3f3e1cfd4c15e1b70913985d50add 100644 (file)
--- a/css/gitweb-site.scss
+++ b/css/gitweb-site.scss
@@ -1,3 +1,4 @@
+@import 'common';
 
 .main-content-stripe {
     /* i don't like bright white. copy a gitweb color */
@@ -10,8 +11,14 @@ body {
     border-width: 0px;
 }
 .page_header,.page_footer {
-    margin: 0 auto;
-    max-width: 700px;
+    // auto centers it
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-left: 30px;
+    padding-right: 30px;
+    max-width: $main-column-max-width;
 }
 
 table.project_list {
@@ -30,7 +37,8 @@ div.page_header {
     margin-top: 21.0667px;
     margin-bottom: 21.0667px;
     /* remove padding added by gitweb's css */
-    padding: 0;
+    padding-top: 0;
+    padding-bottom: 0;
 }
 
 /* I tried to find all the css to override,*/