gitweb: fix mobile footer overflow by wrapping text and clearing floats

On narrow screens, footer text can wrap, but the fixed 22px footer height
and floated footer blocks can cause overflow.

Switch to min-height and add a clearfix on the footer container so it grows
to contain wrapped float content cleanly.

Signed-off-by: Rito Rhymes <rito@ritovision.com>
Signed-off-by: Junio C Hamano <gitster@pobox.com>

diff --git a/gitweb/static/gitweb.css b/gitweb/static/gitweb.css
index 135590b64cbe76da5a19b206ee9f1c43df106cea..824764606333a0bac0606b4d3bde6dc4d846683c 100644 (file)
--- a/gitweb/static/gitweb.css
+++ b/gitweb/static/gitweb.css
@@ -73,11 +73,17 @@ div.page_path {
 }
 
 div.page_footer {
-       height: 22px;
+       min-height: 22px;
        padding: 4px 8px;
        background-color: #d9d8d1;
 }
 
+div.page_footer::after {
+       content: "";
+       display: table;
+       clear: both;
+}
+
 div.page_footer_text {
        line-height: 22px;
        float: left;