CSS tweaks for responsive layout

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>

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>

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 {