/*
 * Gallo photo share: the size of the Dobel icon, and nothing else.
 *
 * File Browser draws whatever branding directory it is given as img/logo.svg
 * at a size of its own choosing: 40px square in the header, 64px square on the
 * login page. Those numbers were picked for the shipped logo, which is a mostly
 * empty drawing with its own margin. The Dobel app icon is the opposite -- a
 * solid black tile that fills its box edge to edge -- so at File Browser's own
 * sizes it reads as a heavy block rather than as a mark, which is what the
 * client asked us not to do.
 *
 * The size is corrected HERE rather than by padding the PNG with transparent
 * margin, because the same artwork is also the favicon and the touch icon,
 * where the box is already 16 to 180px and any baked-in margin would only
 * shrink an icon that is small to begin with.
 *
 * The two values below were chosen by looking at the rendered pages, not by
 * taste in the abstract; docs/gallo-photo-share.md records why each is what it
 * is. Below roughly 30px the DOBEL wordmark inside the tile stops being
 * legible and turns into a smudge, so do not simply keep going smaller.
 */

/* Header, every page after login. 32px instead of 40px: it now matches the
   height of the search field's own content and sits at the same visual weight
   as the 24px material icons on the right, instead of towering over both. */
header > img[src$="/img/logo.svg"] {
  width: 32px;
  height: 32px;
  margin-right: 14px;
}

/* Login page. 48px instead of 64px: the client's name is already set as the
   display name and renders directly under the icon at a large size, so the
   icon is there to identify the page, not to be the page.

   The id in the selector is load-bearing. File Browser's own stylesheet says
   `#login img { width: 4em }`, which outranks a plain `form > img` rule and
   silently leaves the login icon at 64px while the header one obeys. Match its
   specificity rather than reaching for !important. */
#login img[src$="/img/logo.svg"] {
  width: 48px;
  height: 48px;
}