/* Custom overrides on top of the vendored DashCode app.css.
   Kept in a separate file (rather than editing app.css directly) so the
   vendored stylesheet can be swapped/updated later without losing these. */

/* Sidebar nav items: DashCode's own CSS only gives padding/line-height to
   the *active* item (.sidebar-menu > li.active > a), so an unselected item
   collapses to ~20px tall while the active one is 44px, causing every row
   to jump size as selection changes. Apply the same sizing to every item
   so the row height (44px) is constant regardless of selection state. */
.sidebar-menu > li > a {
  display: flex;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: capitalize;
}