fix(component): tables

header font size boostwatch page
Orange-OpenSource · Nov 14, 2016 · 5be835b · 5be835b
1 parent 086ffb3
commit 5be835b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/docs-orange/_includes/boostwatch/tables.html b/docs-orange/_includes/boostwatch/tables.html
@@ -243,14 +243,14 @@ <h3>Thumbnails table</h3>
 <h3>Icons table</h3>
 <div class="container-fluid">
   <div class="row">
-    <table class="table table-hover has-icon">
+    <table class="table table-hover has-icon" style="width: 60%;">
     <caption></caption>
     <thead>
         <tr>
-            <th>Name</th>
-            <th class="text-xs-center">Column heading</th>
-            <th class="text-xs-center">Column heading</th>
-            <th class="text-xs-center">Column heading</th>
+            <th>Item 1</th>
+            <th class="text-xs-center">Item 1</th>
+            <th class="text-xs-center">Item 1</th>
+            <th class="text-xs-center">Item 1</th>
         </tr>
     </thead>
     <tbody>

diff --git a/scss/_o-tables.scss b/scss/_o-tables.scss
@@ -50,9 +50,9 @@
         padding-left: .625rem;
       }
 
-      > th {
-        font-size: $font-size-base;
-      }
+      // > th {
+      //   font-size: $font-size-base;
+      // }
 
       [class^="icon-"],
       [class*=" icon-"] {
@@ -62,12 +62,15 @@
   }
 
   thead {
-    th {
-      font-weight: bold;
-    }
 
-    tr {
+
+    > tr {
       border-bottom-width: 2px;
+
+      > th {
+        font-size: $font-size-base;
+        font-weight: bold;
+      }
     }
   }