From a043e2165616d36007b658329ec0fa3946a43bf7 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Fri, 20 Sep 2013 11:20:01 -0400
Subject: [PATCH] fixes #44 issue with celled borders. Additionally fixes
 inverted celled tables

---
 build/less/collections/table.less                  | 14 ++++++++++----
 build/uncompressed/collections/table.css           | 13 +++++++++----
 node/src/documents/collections/table.html          |  3 ++-
 node/src/files/release/less/collections/table.less | 14 ++++++++++----
 .../release/uncompressed/collections/table.css     | 13 +++++++++----
 src/collections/table.less                         | 14 ++++++++++----
 6 files changed, 50 insertions(+), 21 deletions(-)

diff --git a/build/less/collections/table.less b/build/less/collections/table.less
index 1e0f4f089..467c08b77 100644
--- a/build/less/collections/table.less
+++ b/build/less/collections/table.less
@@ -386,15 +386,21 @@
 .ui.celled.table tfoot tr {
   border: none;
 }
-.ui.celled.table th {
-  border: 1px solid #E0E0E0;
-}
+.ui.celled.table th,
 .ui.celled.table tbody td {
-  border: 1px solid #E0E0E0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
+
+/* Coupling with segment */
 .ui.celled.table.segment th {
   border: none;
 }
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
 
 /*--------------
     Sortable
diff --git a/build/uncompressed/collections/table.css b/build/uncompressed/collections/table.css
index bdd16ecd4..6910ee920 100644
--- a/build/uncompressed/collections/table.css
+++ b/build/uncompressed/collections/table.css
@@ -347,15 +347,20 @@
 .ui.celled.table tfoot tr {
   border: none;
 }
-.ui.celled.table th {
-  border: 1px solid #E0E0E0;
-}
+.ui.celled.table th,
 .ui.celled.table tbody td {
-  border: 1px solid #E0E0E0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
+/* Coupling with segment */
 .ui.celled.table.segment th {
   border: none;
 }
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
 /*--------------
     Sortable
 ---------------*/
diff --git a/node/src/documents/collections/table.html b/node/src/documents/collections/table.html
index 21c587d4d..9f89e436c 100755
--- a/node/src/documents/collections/table.html
+++ b/node/src/documents/collections/table.html
@@ -507,7 +507,8 @@ type   : 'UI Collection'
     <h4 class="ui header">Sortable</h4>
     <p>A table may allow a user to sort contents by clicking on a table header.</p>
 
-    <p>Adding a classname of ascending or descending, will show the user the direction of sort. This example uses a modified version of the kylefox's <a href="https://github.com/kylefox/jquery-tablesort">tablesort plugin</a> to provide the proper class names.</p>
+    <div class="ui warning message">Adding a classname of <code>ascending</code> or <code>descending</code> to the <code>th</code> will show the user the direction of sort. This example uses a modified version of the kylefox's <a href="https://github.com/kylefox/jquery-tablesort">tablesort plugin</a> to provide the proper class names.
+    </div>
 
     <table class="ui sortable table segment">
       <thead>
diff --git a/node/src/files/release/less/collections/table.less b/node/src/files/release/less/collections/table.less
index 1e0f4f089..467c08b77 100644
--- a/node/src/files/release/less/collections/table.less
+++ b/node/src/files/release/less/collections/table.less
@@ -386,15 +386,21 @@
 .ui.celled.table tfoot tr {
   border: none;
 }
-.ui.celled.table th {
-  border: 1px solid #E0E0E0;
-}
+.ui.celled.table th,
 .ui.celled.table tbody td {
-  border: 1px solid #E0E0E0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
+
+/* Coupling with segment */
 .ui.celled.table.segment th {
   border: none;
 }
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
 
 /*--------------
     Sortable
diff --git a/node/src/files/release/uncompressed/collections/table.css b/node/src/files/release/uncompressed/collections/table.css
index bdd16ecd4..6910ee920 100644
--- a/node/src/files/release/uncompressed/collections/table.css
+++ b/node/src/files/release/uncompressed/collections/table.css
@@ -347,15 +347,20 @@
 .ui.celled.table tfoot tr {
   border: none;
 }
-.ui.celled.table th {
-  border: 1px solid #E0E0E0;
-}
+.ui.celled.table th,
 .ui.celled.table tbody td {
-  border: 1px solid #E0E0E0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
+/* Coupling with segment */
 .ui.celled.table.segment th {
   border: none;
 }
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
 /*--------------
     Sortable
 ---------------*/
diff --git a/src/collections/table.less b/src/collections/table.less
index 1e0f4f089..467c08b77 100755
--- a/src/collections/table.less
+++ b/src/collections/table.less
@@ -386,15 +386,21 @@
 .ui.celled.table tfoot tr {
   border: none;
 }
-.ui.celled.table th {
-  border: 1px solid #E0E0E0;
-}
+.ui.celled.table th,
 .ui.celled.table tbody td {
-  border: 1px solid #E0E0E0;
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
+
+/* Coupling with segment */
 .ui.celled.table.segment th {
   border: none;
 }
+.ui.celled.table.segment tbody td:first-child {
+  border-left: none;
+}
+.ui.celled.table.segment tbody td:last-child {
+  border-right: none;
+}
 
 /*--------------
     Sortable