From cba235ff73f5eff90f6e178104466fa22271b053 Mon Sep 17 00:00:00 2001
From: James Moger <james.moger@gitblit.com>
Date: Wed, 18 Sep 2013 12:12:52 -0400
Subject: [PATCH] CSS tweaks for responsive layout

---
 src/main/java/com/gitblit/wicket/pages/TreePage.html  | 2 +-
 src/main/java/com/gitblit/wicket/panels/LogPanel.html | 6 +++---
 src/main/resources/gitblit.css                        | 7 ++++---
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/main/java/com/gitblit/wicket/pages/TreePage.html b/src/main/java/com/gitblit/wicket/pages/TreePage.html
index b7e55ed6..282e28f8 100644
--- 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 -->	
 	<table style="width:100%" class="pretty">
 		<tr wicket:id="changedPath">
-			<td class="icon"><img wicket:id="pathIcon" /></td>
+			<td class="hidden-phone icon"><img wicket:id="pathIcon" /></td>
 			<td><span wicket:id="pathName"></span></td>			
 			<td class="hidden-phone size"><span wicket:id="pathSize">[path size]</span></td>
 			<td class="hidden-phone mode"><span wicket:id="pathPermissions">[path permissions]</span></td>
diff --git a/src/main/java/com/gitblit/wicket/panels/LogPanel.html b/src/main/java/com/gitblit/wicket/panels/LogPanel.html
index fde9a3e7..a2444a4a 100644
--- 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>
        		<tr class="commit" wicket:id="commit">
          		<td class="date" style="width:6em;"><span wicket:id="commitDate">[commit date]</span></td>
-         		<td class="hidden-phone author ellipsize"><span wicket:id="commitAuthor">[commit author]</span></td>
-         		<td class="hidden-phone icon"><img wicket:id="commitIcon" /></td>
+         		<td class="hidden-phone author"><span wicket:id="commitAuthor">[commit author]</span></td>
+				<td class="hidden-phone icon"><img wicket:id="commitIcon" /></td>
          		<td class="message ellipsize">
          			<table class="nestedTable">
          				<tr>
          					<td class="ellipsize"><span style="vertical-align:middle;" wicket:id="commitShortMessage">[commit short message]</span></td>
-         					<td><div style="text-align:right;" wicket:id="commitRefs">[commit refs]</div></td>
+         					<td class="hidden-phone"><div style="text-align:right;" wicket:id="commitRefs">[commit refs]</div></td>
          				</tr>
          			</table>
          		</td>
diff --git a/src/main/resources/gitblit.css b/src/main/resources/gitblit.css
index eef0d0b5..05e6b8ae 100644
--- a/src/main/resources/gitblit.css
+++ b/src/main/resources/gitblit.css
@@ -1131,7 +1131,7 @@ table.pretty td.icon {
 }
 
 table.pretty td.icon img {
-	vertical-align: top;
+	vertical-align: middle;
 }
 
 table.pretty td {
@@ -1159,7 +1159,7 @@ table.pretty tr.commit {
 	height: 24px;
 }
 
-@media (min-width: 768px) {
+@media (min-width: 979px) {
   td.ellipsize {
 	text-overflow: ellipsis;
 	overflow: hidden;
@@ -1167,7 +1167,7 @@ table.pretty tr.commit {
   }
 }
 
-@media (max-width: 767px) {
+@media (max-width: 979px) {
   td.ellipsize {
     text-overflow: inherit;
     overflow: visible;
@@ -1324,6 +1324,7 @@ tr.dark:hover a {
 
 td.author {
 	font-style: italic !important;
+	white-space: nowrap;
 }
 
 td.date {
-- 
2.39.5