Merge "Clip very long branch names to avoid overflow"
diff --git a/gitiles-servlet/src/main/resources/com/google/gitiles/static/gitiles.css b/gitiles-servlet/src/main/resources/com/google/gitiles/static/gitiles.css
index 37e3dca..26130ae 100644
--- a/gitiles-servlet/src/main/resources/com/google/gitiles/static/gitiles.css
+++ b/gitiles-servlet/src/main/resources/com/google/gitiles/static/gitiles.css
@@ -156,6 +156,18 @@
   float: left;
   width: 200px;
 }
+.refs-detail {
+  width: 500px;
+}
+.ref-list {
+  padding-left: 15px;
+  padding-right: 5px;
+}
+.ref-list li {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .ref-list li.head-ref {
   font-weight: bold;
 }
diff --git a/gitiles-servlet/src/main/resources/com/google/gitiles/templates/RefList.soy b/gitiles-servlet/src/main/resources/com/google/gitiles/templates/RefList.soy
index e42ee7e..57b1111 100644
--- a/gitiles-servlet/src/main/resources/com/google/gitiles/templates/RefList.soy
+++ b/gitiles-servlet/src/main/resources/com/google/gitiles/templates/RefList.soy
@@ -34,7 +34,7 @@
 {/call}
 
 {if length($branches)}
-  <div class="refs-branches">
+  <div class="refs-branches refs-detail">
     {call .refList}
       {param type: 'Branches' /}
       {param refs: $branches /}
@@ -43,7 +43,7 @@
 {/if}
 
 {if length($tags)}
-  <div class="refs-tags">
+  <div class="refs-tags refs-detail">
     {call .refList}
       {param type: 'Tags' /}
       {param refs: $tags /}