diff --git a/packages/frontend/src/App.css b/packages/frontend/src/App.css index 2b2734a..2ccab9f 100644 --- a/packages/frontend/src/App.css +++ b/packages/frontend/src/App.css @@ -24,12 +24,11 @@ color: #fff; } -.App-list th, .App-list td { - text-align: left; - padding: 0.4em 0.6em; +.App-list tbody { + font-family: monospace, sans-serif; } -@keyframes App-logo-spin { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } +.App-list th, .App-list td { + text-align: left; + padding: 0.8em 1em; } diff --git a/packages/frontend/src/components/Tile.css b/packages/frontend/src/components/Tile.css index 5ecfeea..1e40f89 100644 --- a/packages/frontend/src/components/Tile.css +++ b/packages/frontend/src/components/Tile.css @@ -2,7 +2,7 @@ font-size: 2.5em; padding: 20px; text-align: left; - width: 200px; + width: 220px; display: inline-block; position: relative; } @@ -10,7 +10,7 @@ .Tile-label { position: absolute; top: 20px; - left: 90px; + left: 100px; right: 0; font-size: 0.4em; text-transform: uppercase; @@ -20,15 +20,16 @@ .Tile-content { position: absolute; bottom: 20px; - left: 90px; + left: 100px; right: 0; font-weight: 300; font-size: 0.75em; } .Tile .Icon { - padding: 0.25em; - border-radius: 1em; - background: #d64ca8; - color: #fff; + font-size: .8em; + padding: 0.5em; + border-radius: 1.25em; + border: 2px solid #d64ca8; + color: #d64ca8; }