Bug 706680 - Can we integrate the orange factor link with BMO's bug view page

- Update template and css to fix layout

2 files changed, 7 insertions, 5 deletions

diff --git a/extensions/OrangeFactor/template/en/default/hook/bug/edit-after_custom_fields.html.tmpl b/extensions/OrangeFactor/template/en/default/hook/bug/edit-after_custom_fields.html.tmpl
index 501097712..cd36b30f9 100644
--- a/extensions/OrangeFactor/template/en/default/hook/bug/edit-after_custom_fields.html.tmpl
+++ b/extensions/OrangeFactor/template/en/default/hook/bug/edit-after_custom_fields.html.tmpl
@@ -11,15 +11,16 @@
 
 [% IF orange_factor %]
   <tr>
-    <td valign="top">
-      <label><b>Orange Factor:</b></label>
-      (<a href="https://brasstacks.mozilla.com/orangefactor/?display=Bug&bugid=[% bug.bug_id FILTER url_quote %]">link</a>)
-    </td>
+    <th class="field_label" valign="top">
+      Orange Factor:
+    </th>
     <td>
       [% IF cgi.user_agent.match('(?i)gecko') %]
         <canvas id="orange-graph" class="bz_default_hidden"></canvas>
         <span id="orange-count"></span>
       [% END %]
+      (<a href="https://brasstacks.mozilla.com/orangefactor/?display=Bug&bugid=[% bug.bug_id FILTER url_quote %]"
+          title="Click to load Orange Factor page for this bug">link</a>)
     </td>
   </tr>
 [% END %]
diff --git a/extensions/OrangeFactor/web/style/orangefactor.css b/extensions/OrangeFactor/web/style/orangefactor.css
index 972f7b51e..211ad575e 100644
--- a/extensions/OrangeFactor/web/style/orangefactor.css
+++ b/extensions/OrangeFactor/web/style/orangefactor.css
@@ -6,7 +6,8 @@
  * defined by the Mozilla Public License, v. 2.0. */
 
 #orange-graph {
+    display: block;
     width: 180px;
     height: 38px;
-    margin-right: .5em;
+    margin: 0 .5em .5em 0;
 }