make table compact

This commit is contained in:
Lili (Tlapka) 2021-10-05 15:26:17 +02:00
parent 21aa618a22
commit 03ab4379c6
2 changed files with 9 additions and 5 deletions

View File

@ -19,7 +19,7 @@ pre{padding: 1em;}
.container{ .container{
margin: 0 auto; margin: 0 auto;
max-width: 80.0rem; max-width: 100.0rem;
padding: 0 2.0rem; padding: 0 2.0rem;
position: relative; position: relative;
width: 100% width: 100%
@ -99,3 +99,7 @@ header nav a {
margin: 2rem 1rem; margin: 2rem 1rem;
} }
} }
.tracker-table {
width: 40rem
}

View File

@ -4,15 +4,15 @@
<%= for {type, map_of_clothes_by_name} <- map_of_clothes_by_type do %> <%= for {type, map_of_clothes_by_name} <- map_of_clothes_by_type do %>
<h3> <%= type %> </h3> <h3> <%= type %> </h3>
<%= for {name, list_of_clothes} <- map_of_clothes_by_name do %> <%= for {name, list_of_clothes} <- map_of_clothes_by_name do %>
<table> <table class="tracker-table">
<thead> <thead>
<tr> <tr>
<th colspan="3" style="text-align:center"> <b> <%= name %> </b> </th> <th colspan="3" style="text-align:center"> <b> <%= name %> </b> </th>
</tr> </tr>
<tr> <tr>
<th>Color</th> <th class="row-color">Color</th>
<th>Game</th> <th class="row-game">Game</th>
<th></th> <th class="row-toggle"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>