table: removes bolding from pos/neg

Former-commit-id: 9e17e35e67
Former-commit-id: ef20f02f32

docs/table.html

@@ -195,10 +195,9 @@
 
   <h2>States</h2>
   
-  <h3>Cells</h3>
   <div class="example">
-    <h4>Error</h4>
-    <p>A cell or row may alert the user to an error or a negative value:</p>
+    <h4>Positive / Negative</h4>
+    <p>A cell may let a user know whether a value is good or bad:</p>
     <table class="ui grid table">
       <thead>
         <th>Name</th>
@@ -211,7 +210,7 @@
           <td>Approved</td>
           <td>None</td>
         </tr>
-        <tr class="error">
+        <tr class="positive">
           <td>Jimmy</td>
           <td>Approved</td>
           <td>None</td>
@@ -219,7 +218,7 @@
         <tr>
           <td>Jamie</td>
           <td>Approved</td>
-          <td class="error">Requires call</td>
+          <td class="negative">Requires call</td>
         </tr>
         <tr>
           <td>Jill</td>
@@ -230,9 +229,10 @@
     </table>
   </div>
   
+  <h3>Cells</h3>
   <div class="example">
-    <h4>Positive / Negative</h4>
-    <p>A cell may let a user know whether a value is good or bad:</p>
+    <h4>Error</h4>
+    <p>A cell or row may alert the user to an error or a negative value:</p>
     <table class="ui grid table">
       <thead>
         <th>Name</th>
@@ -245,7 +245,7 @@
           <td>Approved</td>
           <td>None</td>
         </tr>
-        <tr class="positive">
+        <tr class="error">
           <td>Jimmy</td>
           <td>Approved</td>
           <td>None</td>
@@ -253,7 +253,7 @@
         <tr>
           <td>Jamie</td>
           <td>Approved</td>
-          <td class="negative">Requires call</td>
+          <td class="error">Requires call</td>
         </tr>
         <tr>
           <td>Jill</td>

src/ui/flat/table.css

@@ -111,27 +111,6 @@
 }
 
 
-/*--------------
-      Error
----------------*/
-
-.ui.table tr.error td,
-.ui.table td.error,
-.ui.table th.error {
-  background-color: #F8EBEB;
-  color: #AD0000;
-  font-weight: bold;
-  /* border-color: #B06C6C !important; */
-}
-.ui.grid.table tr.error:hover td,
-.ui.grid.table tr:hover td.error,
-.ui.table tr.error:hover td,
-.ui.table td:hover.error,
-.ui.table th:hover.error {
-  background-color: #F1DFDF !important;
-  color: #AD0000;
-}
-
 /*--------------
     Positive
 ---------------*/
@@ -140,7 +119,6 @@
 .ui.table td.positive {
   background-color: #EEFFE9;
   color: #119000;
-  font-weight: bold;
   /* border-color: #2FCB05 !important; */
 }
 .ui.grid.table tr.positive:hover td,
@@ -160,7 +138,6 @@
 .ui.table td.negative {
   background-color: #F8EBEB;
   color: #AD0000;
-  font-weight: bold;
   /* border-color: #B06C6C !important; */
 }
 .ui.grid.table tr.negative:hover td,
@@ -172,6 +149,27 @@
   color: #AD0000;
 }
 
+/*--------------
+      Error
+---------------*/
+
+.ui.table tr.error td,
+.ui.table td.error,
+.ui.table th.error {
+  background-color: #F8EBEB;
+  color: #AD0000;
+  font-weight: bold;
+  /* border-color: #B06C6C !important; */
+}
+.ui.grid.table tr.error:hover td,
+.ui.grid.table tr:hover td.error,
+.ui.table tr.error:hover td,
+.ui.table td:hover.error,
+.ui.table th:hover.error {
+  background-color: #F1DFDF !important;
+  color: #AD0000;
+}
+
 /*--------------
      Warning
 ---------------*/
@@ -180,8 +178,8 @@
 .ui.table td.warning,
 .ui.table th.warning {
   background-color: #F6F3D5;
-  font-weight: bold;
   /* border-color: #CBB105 !important; */
+  font-weight: bold;
   color: #7D6C00;
 }
 .ui.grid.table tr.warning:hover td,
@@ -201,8 +199,8 @@
 .ui.table tr.active td,
 .ui.table tr td.active {
   background-color: #E8E8E8 !important;
-  color: #555555;
   font-weight: bold;
+  color: #555555;
   /* border-color: rgba(0, 0, 0, 0.15) !important; */
 }