make table compact

assets/css/phoenix.css

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

lib/pokemon_couture_web/live/clothes_tracker_live.html.leex

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