layout fixes:

- link from logo to root
- links to path/: unless `STATIC` is set

1 files changed, 78 insertions, 78 deletions

diff --git a/scss/_browser.scss b/scss/_browser.scss
index 4d4a260..2bfc73e 100644
--- a/scss/_browser.scss
+++ b/scss/_browser.scss
@@ -3,109 +3,109 @@
   flex: 1;
 
   border-top: 0.2rem solid $gray-bright;
+}
 
-  .view {
-    display: flex;
-    flex-direction: column;
-
-    flex: 1 1 0;
-    min-width: 0;
+.view {
+  display: flex;
+  flex-direction: column;
 
-    &.inspector {
-      top: 0;
-      position: sticky;
-      max-height: 100vh;
-      color: #c5c8c6;
+  flex: 1 1 0;
+  min-width: 0;
 
-      @include left-border;
-      border-color: $gray-dark;
-      background: $gray-dark;
+  &.inspector {
+    top: 0;
+    position: sticky;
+    max-height: 100vh;
+    color: #c5c8c6;
 
-      nav {
-        background: inherit;
-      }
-
-      .content {
-        margin: 0;
-        padding: 0;
-        display: flex;
-        background: $gray-darker;
-
-        > * {
-          display: block;
-          margin: 0;
-          padding: 1em;
-          border-radius: 0;
-          border: 0;
-          flex: 1;
-        }
-      }
-    }
+    @include left-border;
+    border-color: $gray-dark;
+    background: $gray-dark;
 
     nav {
-      position: sticky;
-      top: 0;
+      background: inherit;
+    }
 
+    .content {
+      margin: 0;
+      padding: 0;
       display: flex;
-      flex: 0 0 auto;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      background: $gray-bright;
-      z-index: 1000;
-
-      > span:first-of-type {
-        flex: 1 0 auto;
-      }
+      background: $gray-darker;
 
       > * {
-        margin: 1em;
-        white-space: nowrap;
-      }
-
-      > .inspect-btn {
-        @include media-small() { display: none; }
+        display: block;
+        margin: 0;
+        padding: 1em;
+        border-radius: 0;
+        border: 0;
+        flex: 1;
       }
     }
+  }
+
+  nav {
+    position: sticky;
+    top: 0;
 
-    .error-wrap {
-      flex: 0 0 auto;
-      padding: 1em 2em;
-      overflow: hidden;
+    display: flex;
+    flex: 0 0 auto;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    background: $gray-bright;
+    z-index: 1000;
+
+    > span:first-of-type {
+      flex: 1 0 auto;
+    }
 
-      background: $gray-fail;
+    > * {
+      margin: 1em;
+      white-space: nowrap;
+    }
 
-      &.empty {
-        display: none;
-      }
+    > .inspect-btn {
+      @include media-small() { display: none; }
+    }
+  }
 
-      > span {
-        display: inline-block;
-        margin-bottom: 0.5em;
+  .error-wrap {
+    flex: 0 0 auto;
+    padding: 1em 2em;
+    overflow: hidden;
 
-        font-weight: bold;
-        color: #f00;
-      }
+    background: $gray-fail;
 
-      > pre {
-        margin: 0;
-      }
+    &.empty {
+      display: none;
     }
 
-    .content {
-      flex: 1 1 auto;
-      overflow: auto;
-      padding: 1em 2em;
+    > span {
+      display: inline-block;
+      margin-bottom: 0.5em;
+
+      font-weight: bold;
+      color: #f00;
+    }
 
-      position: relative;
+    > pre {
+      margin: 0;
     }
   }
 
   .content {
-    opacity: 1;
-    transition: opacity 150ms;
+    flex: 1 1 auto;
+    overflow: auto;
+    padding: 1em 2em;
 
-    body.loading & {
-      opacity: 0;
-    }
+    position: relative;
+  }
+}
+
+.content {
+  opacity: 1;
+  transition: opacity 150ms;
+
+  body.loading & {
+    opacity: 0;
   }
 }