Blame: move SHA-1 to its own column

Abbreviations may be different lengths, so to keep links aligned we
can put them in their own td.

Change-Id: I2d1746f4dc8e08a762e184ed92b6dc821c222295
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 70ef4e1..4418114 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
@@ -355,8 +355,9 @@
 #blame .sha1 {
   color: inherit;
   font-family: monospace;
+  padding-left: 3px;
 }
-#blame .author, #blame .sha1 {
+#blame .author {
   padding-left: 3px;
   padding-right: 3px;
 }
diff --git a/gitiles-servlet/src/main/resources/com/google/gitiles/templates/BlameDetail.soy b/gitiles-servlet/src/main/resources/com/google/gitiles/templates/BlameDetail.soy
index 28e87ef..af222f7 100644
--- a/gitiles-servlet/src/main/resources/com/google/gitiles/templates/BlameDetail.soy
+++ b/gitiles-servlet/src/main/resources/com/google/gitiles/templates/BlameDetail.soy
@@ -51,15 +51,13 @@
         {if isNonnull($region.abbrevSha)}
           <td class="author">{$region.author.name}</td>
           <td class="time">{$region.author.time}</td>
+          <td class="sha1"><a href="{$region.commitUrl}">{$region.abbrevSha}</a></td>
           <td class="regionLink">
-            <a href="{$region.commitUrl}">
-              <span class="sha1">{$region.abbrevSha}</span>
-            </a>
             [<a href="{$region.diffUrl}">{msg desc="text for diff URL"}diff{/msg}</a>]
             [<a href="{$region.blameUrl}">{msg desc="text for blame URL"}blame{/msg}</a>]
           </td>
         {else}
-          <td colspan="3"></td>
+          <td colspan="4"></td>
         {/if}
         {let $n: $i + 1 /}
         <td class="linenum"><a name="{$n}"></a>{$n}.</td>