[tor-commits] [onionoo/master] Fix index.html display bug in Opera.

[karsten at torproject.org]

commit 7eadc13776c9f6b9ae563796b3d0fa8b7fce6e80
Author: Karsten Loesing <karsten.loesing at gmx.net>
Date:   Mon Oct 14 11:34:02 2013 +0200

    Fix index.html display bug in Opera.
    
    rndm says: "There was a bug in the opera browser that misplaced the
    "returns a x" on each request method.  I changed the css from
    "float:right" to a "position: absolute; right: 0" that does the same.
    
    It now looks the same on firefox, chromium and opera."
    
    Thanks, rndm!
---
 web/index.html |    7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/index.html b/web/index.html
index 6899c53..d70a112 100644
--- a/web/index.html
+++ b/web/index.html
@@ -7,7 +7,7 @@ body { font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,
   "lucida sans unicode",tahoma,sans-serif; background: #fafafa;
   font-size: 13px; line-height: 22px; color: #222; }
 h1 { font-size: 20px; font-weight: normal; text-align: center; }
-h3 { color: #7D4698; }
+h3 { color: #7D4698; position: relative }
 a { color: #7D4698; text-decoration: none; font-weight: bold; }
 ul { list-style: none; padding: 0; margin: 0; }
 p { margin: 0; padding: 0; }
@@ -17,12 +17,13 @@ a[name] { padding: 0; margin: 0; }
 .box > * { margin-left: 30px; margin-right: 30px; }
 .box h3 a { visibility: hidden; }
 .box:hover h3 a { visibility: visible; }
-.api-request { border-bottom: 1px solid #eee; }
+.api-request { border-bottom: 1px solid #eee; position: relative }
 .request-url, .request-type, .request-response { padding: 8px 10px;
   vertical-align: middle }
 .request-type { color: #57145F; display: inline-block; }
 .request-url { color: #333; font-size: 18px; }
-.request-response { float: right; color: #666; }
+.request-response { position: absolute; color: #666; right: 0; }
+h3 .request-response { padding: 0 !important; }
 .api-urls>li:last-child { border-bottom: 0; }
 .required-true, .required-false, .typeof { display: inline-block;
   vertical-align: middle; padding: 5px 10px; }