5.1

Combine and relabel table view switch.
Remove and re-arrange some table columns
Group Pets together

assets/css/ui.css

@@ -234,6 +234,7 @@
 
 .cs-btn.grp-felt    { background: rgba(223,243,236,0.50); color: #075c3a; border-color: rgba(7,92,58,0.35); }
 .cs-btn.grp-surface { background: rgba(221,234,248,0.50); color: #0b3e72; border-color: rgba(11,62,114,0.30); }
+.cs-btn.grp-pets    { background: rgba(214,238,240,0.50); color: #0a5158; border-color: rgba(10,81,88,0.30); }
 .cs-btn.grp-ambient { background: rgba(236,234,227,0.50); color: #3c3a35; border-color: rgba(60,58,53,0.30); }
 .cs-btn.grp-precip  { background: rgba(247,228,238,0.50); color: #6b1e3a; border-color: rgba(107,30,58,0.30); }
 .cs-btn.grp-sky     { background: rgba(234,232,252,0.50); color: #352e7a; border-color: rgba(53,46,122,0.30); }
@@ -243,6 +244,7 @@
 
 .cs-btn.grp-felt:hover    { background: rgba(213,233,226,0.80); color: #075c3a; border-color: rgba(7,92,58,0.55); }
 .cs-btn.grp-surface:hover { background: rgba(211,224,238,0.80); color: #0b3e72; border-color: rgba(11,62,114,0.50); }
+.cs-btn.grp-pets:hover    { background: rgba(204,228,230,0.80); color: #0a5158; border-color: rgba(10,81,88,0.50); }
 .cs-btn.grp-ambient:hover { background: rgba(226,224,217,0.80); color: #3c3a35; border-color: rgba(60,58,53,0.50); }
 .cs-btn.grp-precip:hover  { background: rgba(237,218,228,0.80); color: #6b1e3a; border-color: rgba(107,30,58,0.50); }
 .cs-btn.grp-sky:hover     { background: rgba(224,222,242,0.80); color: #352e7a; border-color: rgba(53,46,122,0.50); }
@@ -253,6 +255,7 @@
 /* Dropdown buttons - lighter palette to match toggle pills */
 .cs-btn.grp-felt.on    { background: #2ab578; border-color: #2ab578; color: #fff; }
 .cs-btn.grp-surface.on { background: #4088d4; border-color: #4088d4; color: #fff; }
+.cs-btn.grp-pets.on    { background: #34a0a8; border-color: #34a0a8; color: #fff; }
 .cs-btn.grp-ambient.on { background: #929088; border-color: #929088; color: #fff; }
 .cs-btn.grp-precip.on  { background: #c24e6c; border-color: #c24e6c; color: #fff; }
 .cs-btn.grp-sky.on     { background: #786ec8; border-color: #786ec8; color: #fff; }
@@ -262,6 +265,7 @@
 
 .cs-btn.grp-felt.on:hover    { background: #1e9e64; border-color: #1e9e64; color: #fff; }
 .cs-btn.grp-surface.on:hover { background: #2e72bc; border-color: #2e72bc; color: #fff; }
+.cs-btn.grp-pets.on:hover    { background: #17868f; border-color: #17868f; color: #fff; }
 .cs-btn.grp-ambient.on:hover { background: #7a7870; border-color: #7a7870; color: #fff; }
 .cs-btn.grp-precip.on:hover  { background: #a83c5a; border-color: #a83c5a; color: #fff; }
 .cs-btn.grp-sky.on:hover     { background: #6258b0; border-color: #6258b0; color: #fff; }
@@ -272,6 +276,7 @@
 /* Toggle pills - lighter palette */
 .col-toggle.grp-felt.on    { background: #2ab578; border-color: #2ab578; color: #fff; }
 .col-toggle.grp-surface.on { background: #4088d4; border-color: #4088d4; color: #fff; }
+.col-toggle.grp-pets.on    { background: #34a0a8; border-color: #34a0a8; color: #fff; }
 .col-toggle.grp-ambient.on { background: #929088; border-color: #929088; color: #fff; }
 .col-toggle.grp-precip.on  { background: #c24e6c; border-color: #c24e6c; color: #fff; }
 .col-toggle.grp-sky.on     { background: #786ec8; border-color: #786ec8; color: #fff; }
@@ -281,6 +286,7 @@
 
 .col-toggle.grp-felt.on:hover    { background: #1e9e64; border-color: #1e9e64; color: #fff; }
 .col-toggle.grp-surface.on:hover { background: #2e72bc; border-color: #2e72bc; color: #fff; }
+.col-toggle.grp-pets.on:hover    { background: #17868f; border-color: #17868f; color: #fff; }
 .col-toggle.grp-ambient.on:hover { background: #7a7870; border-color: #7a7870; color: #fff; }
 .col-toggle.grp-precip.on:hover  { background: #a83c5a; border-color: #a83c5a; color: #fff; }
 .col-toggle.grp-sky.on:hover     { background: #6258b0; border-color: #6258b0; color: #fff; }