CSS tweaks for responsive layout

diff --git a/src/main/java/com/gitblit/wicket/pages/TreePage.html b/src/main/java/com/gitblit/wicket/pages/TreePage.html
index b7e55ed6d5599a839ba490ecde563cb6b3ec7552..282e28f81bec0c787662092c72d97009c451cf45 100644 (file)
--- a/src/main/java/com/gitblit/wicket/pages/TreePage.html
+++ b/src/main/java/com/gitblit/wicket/pages/TreePage.html
@@ -21,7 +21,7 @@
        <!-- changed paths -->  \r
        <table style="width:100%" class="pretty">\r
                <tr wicket:id="changedPath">\r
-                       <td class="icon"><img wicket:id="pathIcon" /></td>\r
+                       <td class="hidden-phone icon"><img wicket:id="pathIcon" /></td>\r
                        <td><span wicket:id="pathName"></span></td>                     \r
                        <td class="hidden-phone size"><span wicket:id="pathSize">[path size]</span></td>\r
                        <td class="hidden-phone mode"><span wicket:id="pathPermissions">[path permissions]</span></td>\r

diff --git a/src/main/java/com/gitblit/wicket/panels/LogPanel.html b/src/main/java/com/gitblit/wicket/panels/LogPanel.html
index fde9a3e7e4a06ffbaf6075caa18c7cbd21bebacc..a2444a4ad508ab80486f843369b37bd72fc11e3c 100644 (file)
--- a/src/main/java/com/gitblit/wicket/panels/LogPanel.html
+++ b/src/main/java/com/gitblit/wicket/panels/LogPanel.html
@@ -22,13 +22,13 @@
                        </tr>\r
                        <tr class="commit" wicket:id="commit">\r
                        <td class="date" style="width:6em;"><span wicket:id="commitDate">[commit date]</span></td>\r
-                       <td class="hidden-phone author ellipsize"><span wicket:id="commitAuthor">[commit author]</span></td>\r
-                       <td class="hidden-phone icon"><img wicket:id="commitIcon" /></td>\r
+                       <td class="hidden-phone author"><span wicket:id="commitAuthor">[commit author]</span></td>\r
+                               <td class="hidden-phone icon"><img wicket:id="commitIcon" /></td>\r
                        <td class="message ellipsize">\r
                                <table class="nestedTable">\r
                                        <tr>\r
                                                <td class="ellipsize"><span style="vertical-align:middle;" wicket:id="commitShortMessage">[commit short message]</span></td>\r
-                                               <td><div style="text-align:right;" wicket:id="commitRefs">[commit refs]</div></td>\r
+                                               <td class="hidden-phone"><div style="text-align:right;" wicket:id="commitRefs">[commit refs]</div></td>\r
                                        </tr>\r
                                </table>\r
                        </td>\r

diff --git a/src/main/resources/gitblit.css b/src/main/resources/gitblit.css
index eef0d0b519bedf9e51405d66672ecec8f1e1fa00..05e6b8ae2463ba098b82667c4789b05cf0c36695 100644 (file)
--- a/src/main/resources/gitblit.css
+++ b/src/main/resources/gitblit.css
@@ -1131,7 +1131,7 @@ table.pretty td.icon {
 }\r
 \r
 table.pretty td.icon img {\r
-       vertical-align: top;\r
+       vertical-align: middle;\r
 }\r
 \r
 table.pretty td {\r
@@ -1159,7 +1159,7 @@ table.pretty tr.commit {
        height: 24px;\r
 }\r
 \r
-@media (min-width: 768px) {\r
+@media (min-width: 979px) {\r
   td.ellipsize {\r
        text-overflow: ellipsis;\r
        overflow: hidden;\r
@@ -1167,7 +1167,7 @@ table.pretty tr.commit {
   }\r
 }\r
 \r
-@media (max-width: 767px) {\r
+@media (max-width: 979px) {\r
   td.ellipsize {\r
     text-overflow: inherit;\r
     overflow: visible;\r
@@ -1324,6 +1324,7 @@ tr.dark:hover a {
 \r
 td.author {\r
        font-style: italic !important;\r
+       white-space: nowrap;\r
 }\r
 \r
 td.date {\r