With the Safari 5 update, the history view was displayed incorrectly;
specifically, the commit SHA, date, etc., was _below_ the gravatar
image. I _think_ this is because CSS's float: property doesn't interact
with tables the same way it does block-level elements. This fixes that
issue; it would probably be better to use <div>s instead of a table, but
this fix is quick and easy and should work in earlier WebKit versions,
as well.
---
 html/views/history/history.css |    5 +++--
 html/views/history/index.html  |   16 ++++++++--------
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/html/views/history/history.css b/html/views/history/history.css
index 1bd9629..76a4781 100644
--- a/html/views/history/history.css
+++ b/html/views/history/history.css
@@ -12,8 +12,9 @@ body {
 }
 
 #rightcontent {
-       float: right;
-       margin: 5px;
+       position: absolute;
+       top: 10px;
+       right: 10px;
 }
 
 #buttons {
diff --git a/html/views/history/index.html b/html/views/history/index.html
index 65117c3..0335eaf 100644
--- a/html/views/history/index.html
+++ b/html/views/history/index.html
@@ -12,14 +12,6 @@
 </head>
 
 <body style="padding: 0px; border: 0px">
-       <div id="rightcontent">
-               <div id="buttons">
-                       <a class="servicebutton" id="gist" 
onClick="confirm_gist();return false" href='#'>
-                               Gist&nbsp;it
-                       </a>
-               </div>
-               <img id="gravatar" src="">
-       </div>
        <table id="commit_header">
        <tr>
                <td class="property_name">SHA:</td>
@@ -50,6 +42,14 @@
                <td id="refs"></td>
        </tr>
        </table>
+    <div id="rightcontent">
+               <div id="buttons">
+                       <a class="servicebutton" id="gist" 
onClick="confirm_gist();return false" href='#'>
+                               Gist&nbsp;it
+                       </a>
+               </div>
+               <img id="gravatar" src="">
+       </div>
        <div id="notification" style="display:none;">
                <img src="../../images/spinner.gif" alt="Spinner" 
id="spinner"></img>
                <div id="notification_message"></div>
-- 
1.7.1.1

Reply via email to