Fixed sizing of icons and images in nav and header

material/assets/manifest.json

@@ -1,8 +1,8 @@
 {
-  "assets/javascripts/bundle.js": "assets/javascripts/bundle.95400cd1.min.js",
-  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.95400cd1.min.js.map",
+  "assets/javascripts/bundle.js": "assets/javascripts/bundle.af710b79.min.js",
+  "assets/javascripts/bundle.js.map": "assets/javascripts/bundle.af710b79.min.js.map",
   "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.926ffd9e.min.js",
   "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.926ffd9e.min.js.map",
   "assets/stylesheets/app-palette.scss": "assets/stylesheets/app-palette.8adb38b9.min.css",
-  "assets/stylesheets/app.scss": "assets/stylesheets/app.d99d5cd5.min.css"
+  "assets/stylesheets/app.scss": "assets/stylesheets/app.d1c09be7.min.css"
 }

material/base.html

@@ -43,7 +43,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/app.d99d5cd5.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/app.d1c09be7.min.css' | url }}">
       {% if palette.primary or palette.accent %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/app-palette.8adb38b9.min.css' | url }}">
       {% endif %}
@@ -195,7 +195,7 @@ <h1>{{ page.title | default(config.site_name, true)}}</h1>
       {% endblock %}
     </div>
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.95400cd1.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.af710b79.min.js' | url }}"></script>
       {%- set translations = {} -%}
       {%- for key in [
         "clipboard.copy",

material/partials/header.html

@@ -7,7 +7,7 @@
       {% if config.theme.logo.icon %}
         {% include ".icons/" ~ config.theme.logo.icon ~ ".svg" %}
       {% else %}
-        <img src="{{ config.theme.logo | url }}" width="24" height="24" alt="logo">
+        <img src="{{ config.theme.logo | url }}" alt="logo">
       {% endif %}
     </a>
     <label class="md-header-nav__button md-icon md-icon__button" for="__drawer">

material/partials/nav.html

@@ -7,7 +7,7 @@
       {% if config.theme.logo.icon %}
         {% include ".icons/" ~ config.theme.logo.icon ~ ".svg" %}
       {% else %}
-        <img src="{{ config.theme.logo | url }}" width="48" height="48" alt="logo">
+        <img src="{{ config.theme.logo | url }}" alt="logo">
       {% endif %}
     </a>
     {{ config.site_name }}

src/assets/javascripts/observables/agent/viewport/_/index.ts

@@ -21,7 +21,11 @@
  */
 
 import { Observable, combineLatest } from "rxjs"
-import { distinctUntilKeyChanged, map, shareReplay } from "rxjs/operators"
+import {
+  distinctUntilKeyChanged,
+  map,
+  shareReplay
+} from "rxjs/operators"
 
 import { Header } from "../../../header"
 import {

src/assets/javascripts/workers/search/_/index.ts

@@ -20,7 +20,7 @@
  * IN THE SOFTWARE.
  */
 
-import { Subject, from } from "rxjs"
+import { Subject, Subscriber, from, fromEvent } from "rxjs"
 import { ajax } from "rxjs/ajax"
 import { map, pluck, shareReplay } from "rxjs/operators"
 

src/assets/stylesheets/layout/_header.scss

@@ -95,13 +95,10 @@
       margin: px2rem(4px);
       padding: px2rem(8px);
 
-      // Set correct display on image or icon
-      * {
-        display: block;
-      }
-
-      // Inherit current color
+      // Image or icon
+      img,
       svg {
+        display: block;
         width: px2rem(24px);
         height: px2rem(24px);
         fill: currentColor;

src/assets/stylesheets/layout/_nav.scss

@@ -49,7 +49,15 @@
 
       // Logo
       &.md-logo svg {
-        fill: currentColor;
+
+        // Image or icon
+        img,
+        svg {
+          display: block;
+          width: px2rem(24px);
+          height: px2rem(24px);
+          fill: currentColor;
+        }
       }
     }
   }

src/partials/header.html

@@ -36,12 +36,7 @@
       {% if config.theme.logo.icon %}
         {% include ".icons/" ~ config.theme.logo.icon ~ ".svg" %}
       {% else %}
-        <img
-          src="{{ config.theme.logo | url }}"
-          width="24"
-          height="24"
-          alt="logo"
-        />
+        <img src="{{ config.theme.logo | url }}" alt="logo" />
       {% endif %}
     </a>
     <label

src/partials/nav.html

@@ -34,12 +34,7 @@
       {% if config.theme.logo.icon %}
         {% include ".icons/" ~ config.theme.logo.icon ~ ".svg" %}
       {% else %}
-        <img
-          src="{{ config.theme.logo | url }}"
-          width="48"
-          height="48"
-          alt="logo"
-        />
+        <img src="{{ config.theme.logo | url }}" alt="logo" />
       {% endif %}
     </a>
     {{ config.site_name }}