Better style for history tables - ncounter.git@52b73be

commit: 52b73be
parent: fdbc654
author: CheddarCrisp
date: 2020-02-16 20:17:18 +0100 CET

Better style for history tables
Fixed button placement to get proper bottom margin

2 files changed, +12, -4

M src/ncounter/App.svelte

M src/ncounter/History.svelte

M src/ncounter/App.svelte

+1, -1

 1@@ -1,8 +1,8 @@
 2 <div class="app">
 3+<button class="add" on:click="{ showAdd }"><i class="material-icons">add</i></button>
 4 {#each $counters as counter}
 5 <Counter counterId={ counter.id }></Counter>
 6 {/each}
 7-<button class="add" on:click="{ showAdd }"><i class="material-icons">add</i></button>
 8 </div>
 9 {#if showAddDialog}
10 <div class="dialog">

M src/ncounter/History.svelte

+11, -3

 1@@ -129,15 +129,23 @@ function close(){
 2         margin-left: auto;
 3     }
 4 
 5+    .history {
 6+        width: 100%;
 7+    }
 8+
 9     .history th {
10         font-weight: 600;
11         position: sticky;
12-        background-color: white;
13+        background-color: #CDCDCD;
14         top: 0;
15+        text-align: left;
16+    }
17+
18+    .history tr:nth-child(even){
19+        background-color: #F0F0F0;
20     }
21 
22-    .history th, .history td {
23-        border: 1px solid black;
24+    .history td, .history th {
25         padding: 5px;
26     }
27 </style>