From 860616244e489698a3f480d086b91404f464094b Mon Sep 17 00:00:00 2001
From: Bob Nystrom <robert@stuffwithstuff.com>
Date: Fri, 13 Mar 2015 07:24:45 -0700
Subject: [PATCH] Tweak precedence table styles a bit.

---
 doc/site/expressions.markdown |  5 +++--
 doc/site/style.scss           | 34 ++++++++++++++++++++--------------
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/doc/site/expressions.markdown b/doc/site/expressions.markdown
index 9648d8e6..55fc64f0 100644
--- a/doc/site/expressions.markdown
+++ b/doc/site/expressions.markdown
@@ -260,9 +260,10 @@ class (or one of its subclasses).
 ## Precedence
 
 When you mix these all together, you need to worry about
-*precedence*&mdash;which operators bind more tightly than others. Wren mostly
+*precedence*&mdash;which operators bind more tightly than others&mdash;and
+*associativity*&mdash;how a series of the same operator is ordered. Wren mostly
 follows C, except that it fixes the bitwise operator mistake. The full
-precedence table, from lowest to highest, is:
+precedence table, from highest to lowest, is:
 
 <table class="precedence">
   <tbody>
diff --git a/doc/site/style.scss b/doc/site/style.scss
index 49a75ec4..bbaa84b6 100644
--- a/doc/site/style.scss
+++ b/doc/site/style.scss
@@ -290,10 +290,26 @@ body.core {
   }
 }
 
+table {
+  width: 100%;
+  border-collapse: collapse;
+
+  tr {
+    margin: 0;
+    padding: 0;
+    vertical-align: top;
+  }
+
+  th, td {
+    font-size: 14px;
+    line-height: 20px;
+    text-align: left;
+  }
+}
+
 // Bar charts on the performance page.
 table.chart {
-  width: 100%;
-  padding-left: 25px;
+  padding: 5px 0 5px 25px;
 
   td, th {
     line-height: 14px;
@@ -303,7 +319,6 @@ table.chart {
 
   th {
     font-size: 14px;
-    text-align: left;
     width: 100px;
   }
 
@@ -325,18 +340,9 @@ table.chart {
 
 // Precedence table on expressions page.
 table.precedence {
-  width: 100%;
-  padding-left: 25px;
-
   tr {
-    margin: 0;
-    padding: 0;
-  }
-
-  th, td {
-    font-size: 14px;
-    line-height: 20px;
-    text-align: left;
+    padding: 2px 0;
+    border-bottom: solid 1px $gray-10;
   }
 }