Merge pull request #9 from decentraland/fix/table

fix: table styles
decentraland · Jul 4, 2018 · d8ae252 · d8ae252
2 parents 2cde706 + 7aa68f2
commit d8ae252
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 4 deletions.
diff --git a/src/components/Table/Table.css b/src/components/Table/Table.css
@@ -1,20 +1,27 @@
 .ui.basic.table {
-  border-color: var(--secondary);
+  border: 2px solid var(--outline);
+  border-radius: 12px;
 }
 
 .ui.table thead th {
-  color: var(--secondary-text);
+  color: var(--secondary);
+  padding: 18px 24px 10px 24px;
 }
 
 .ui.basic.table tbody tr {
   border-bottom: none;
 }
 
-.ui.table tr td {
+.ui.basic.table tbody tr td {
   border-top: none;
+  padding: 12px 24px;
 }
 
-.ui.table thead th {
+.ui.basic.table tbody tr:last-child td {
+  padding-bottom: 18px;
+}
+
+.ui.basic.table thead th {
   border-bottom: none;
   color: #7d8499;
   text-transform: uppercase;

diff --git a/src/themes/dark-theme.css b/src/themes/dark-theme.css
@@ -15,4 +15,5 @@
 
   /* borders */
   --radius: 8px;
+  --outline: #181f33;
 }
diff --git a/src/themes/light-theme.css b/src/themes/light-theme.css
@@ -15,4 +15,5 @@
 
   /* borders */
   --radius: 8px;
+  --outline: #e0e2e8;
 }
diff --git a/...ots__/visual-test-ts-decentraland-ui-visual-tests-loader-main-loader-1-snap.png b/...ots__/visual-test-ts-decentraland-ui-visual-tests-loader-main-loader-1-snap.png
diff --git a/...ots__/visual-test-ts-decentraland-ui-visual-tests-loader-tiny-loader-1-snap.png b/...ots__/visual-test-ts-decentraland-ui-visual-tests-loader-tiny-loader-1-snap.png
diff --git a/..._snapshots__/visual-test-ts-decentraland-ui-visual-tests-table-votes-1-snap.png b/..._snapshots__/visual-test-ts-decentraland-ui-visual-tests-table-votes-1-snap.png