add session brand icon on registration page

images/session/brand.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 404.08533 448.40668"
+   height="448.40668"
+   width="404.08533"
+   xml:space="preserve"
+   id="svg2"
+   version="1.1"><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><clipPath
+       id="clipPath18"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path16"
+         d="M 0,336.305 H 303.064 V 0 H 0 Z" /></clipPath></defs><g
+     transform="matrix(1.3333333,0,0,-1.3333333,0,448.40667)"
+     id="g10"><g
+       id="g12"><g
+         clip-path="url(#clipPath18)"
+         id="g14"><g
+           transform="translate(216.4556,21.0229)"
+           id="g20"><path
+             id="path22"
+             style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             d="m 0,0 h -147.251 c -25.182,0 -46.881,19.311 -48.123,44.461 -1.328,26.885 20.162,49.182 46.765,49.182 h 84.804 c 5.189,0 9.395,4.206 9.395,9.394 v 69.229 L 29.025,126.032 C 51.087,113.807 64.975,90.781 65.565,65.646 66.415,29.551 36.104,0 0,0 m -158.872,168.227 c -22.062,12.225 -35.95,35.251 -36.541,60.386 -0.849,36.095 29.462,65.646 65.565,65.646 H 17.403 c 25.182,0 46.881,-19.311 48.124,-44.462 1.328,-26.884 -20.162,-49.181 -46.764,-49.181 0,0 -60.987,-0.01 -84.808,-0.014 -5.186,-0.001 -9.374,-4.206 -9.376,-9.392 l -0.016,-69.217 z M 39.213,144.42 -24.265,179.593 h 43.028 c 37.408,0 67.845,30.434 67.845,67.843 0,37.408 -30.437,67.846 -67.845,67.846 h -150.224 c -46.864,0 -84.995,-38.131 -84.995,-84.995 0,-33.425 18.162,-64.248 47.396,-80.449 l 63.477,-35.172 h -43.026 c -37.41,0 -67.847,-30.435 -67.847,-67.843 0,-37.408 30.437,-67.846 67.847,-67.846 H 1.613 c 46.866,0 84.995,38.13 84.995,84.995 0,33.425 -18.162,64.248 -47.395,80.448" /></g></g></g></g></svg>

stylesheets/_session_signin.scss

@@ -31,6 +31,22 @@
       height: 60%;
       padding-right: 128px;
     }
+
+    &-close-button {
+      position: absolute;
+      top: 17px;
+      left: 20px;
+    }
+
+    &-session-button {
+      position: absolute;
+      top: 17px;
+      right: 20px;
+
+      img {
+        width: 30px;
+      }
+    }
   }
 
   &-registration {

ts/components/session/SessionRegistrationView.tsx

@@ -2,15 +2,29 @@ import React from 'react';
 import { AccentText } from './AccentText';
 
 import { RegistrationTabs } from './RegistrationTabs';
+import { SessionIconButton, SessionIconSize, SessionIconType } from './icon';
 
 export const SessionRegistrationView: React.FC = () => (
   <div className="session-content">
     <div id="error" className="collapse" />
+    <div className="session-content-close-button">
+      <SessionIconButton
+        iconSize={SessionIconSize.Medium}
+        iconType={SessionIconType.Exit}
+        onClick={() => {
+          window.close();
+        }}
+      />
+    </div>
+
     <div className="session-content-accent">
       <AccentText />
     </div>
     <div className="session-content-registration">
       <RegistrationTabs />
     </div>
+    <div className="session-content-session-button">
+      <img alt="brand" src="./images/session/brand.svg" />
+    </div>
   </div>
 );