From 64b18d414ee1175ff46f0979c095aa3ae8ae3466 Mon Sep 17 00:00:00 2001
From: "Alex Ellis (OpenFaaS Ltd)" <alexellis2@gmail.com>
Date: Wed, 18 Sep 2019 20:27:29 +0100
Subject: [PATCH] Update to SVG logo in UI

Signed-off-by: Alex Ellis (OpenFaaS Ltd) <alexellis2@gmail.com>
---
 gateway/assets/img/logo-text.svg   |  1 +
 gateway/assets/index.html          |  4 ++--
 gateway/assets/style/bootstrap.css | 19 ++++++++++++++++++-
 3 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 gateway/assets/img/logo-text.svg

diff --git a/gateway/assets/img/logo-text.svg b/gateway/assets/img/logo-text.svg
new file mode 100644
index 00000000..35bc319d
--- /dev/null
+++ b/gateway/assets/img/logo-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 121.6 20.74"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M7,4.87a2.16,2.16,0,1,0-4.32,0v11a2.16,2.16,0,0,0,4.32,0Zm2.64,0v11c0,6.4-9.6,6.4-9.6,0v-11C0-1.54,9.6-1.54,9.6,4.87Z"/><path class="cls-1" d="M23.93,4.87a2.14,2.14,0,0,0-2.14-2.14H19.61V9h2.18a2.14,2.14,0,0,0,2.14-2.18Zm2.68,0v2a4.81,4.81,0,0,1-4.77,4.82H19.65V20a.69.69,0,0,1-.68.68H17.66A.73.73,0,0,1,17,20V.73a.7.7,0,0,1,.69-.68h4.18A4.86,4.86,0,0,1,26.61,4.87Z"/><path class="cls-1" d="M35.44,2.73V9h3.64a.68.68,0,0,1,.68.69V11a.66.66,0,0,1-.68.68H35.44V18h3.64a.68.68,0,0,1,.68.69V20a.66.66,0,0,1-.68.68h-5a1.35,1.35,0,0,1-1.32-1.32v-18A1.32,1.32,0,0,1,34.12.09h5a.66.66,0,0,1,.68.68V2.09a.68.68,0,0,1-.68.69H35.44Z"/><path class="cls-1" d="M67.64,2.73V9h3.64a.68.68,0,0,1,.68.69V11a.66.66,0,0,1-.68.68H67.64V20a.68.68,0,0,1-.68.69H65.65A.69.69,0,0,1,65,20V1.41A1.33,1.33,0,0,1,66.28.09h5a.66.66,0,0,1,.68.68V2.09a.68.68,0,0,1-.68.69h-3.6Z"/><path class="cls-1" d="M86,4.91a2.16,2.16,0,0,0-4.32,0V9.1h4.27V4.91Zm2.68,0V20a.67.67,0,0,1-.68.69H86.66A.67.67,0,0,1,86,20V11.73H81.7V20a.67.67,0,0,1-.68.69H79.7A.68.68,0,0,1,79,20V4.91c.07-6.35,9.56-6.35,9.64,0Z"/><path class="cls-1" d="M102.85,4.91a2.16,2.16,0,1,0-4.32,0V9.1h4.28V4.91Zm2.64,0V20a.67.67,0,0,1-.68.69h-1.32a.67.67,0,0,1-.68-.69V11.73H98.53V20a.67.67,0,0,1-.68.69H96.53a.68.68,0,0,1-.68-.69V4.91C95.93-1.44,105.41-1.44,105.49,4.91Z"/><path class="cls-1" d="M118.91,6.28V4.87a2.14,2.14,0,0,0-4.27,0c0,.54,0,.54.13.72l5.78,7.69c1,1.32,1,1.32,1,2.69,0,6.37-9.55,6.37-9.55,0V14.56a.66.66,0,0,1,.68-.68H114a.66.66,0,0,1,.68.68V16A2.14,2.14,0,0,0,119,16c0-.55,0-.55-.14-.73L113,7.55c-1-1.32-1-1.32-1-2.68,0-6.37,9.56-6.37,9.56,0V6.28a.68.68,0,0,1-.69.68h-1.32A.66.66,0,0,1,118.91,6.28Z"/><path class="cls-1" d="M51.82.23a5,5,0,0,0-2.19.5v0A.7.7,0,0,0,49,0H47.63a.7.7,0,0,0-.69.68V20a.71.71,0,0,0,.69.69H49a.7.7,0,0,0,.68-.69V5A2.16,2.16,0,0,1,54,5V20a.7.7,0,0,0,.68.69H56a.7.7,0,0,0,.69-.69V5A4.84,4.84,0,0,0,51.82.23Z"/></g></g></svg>
\ No newline at end of file
diff --git a/gateway/assets/index.html b/gateway/assets/index.html
index 25070634..96e4e9a7 100644
--- a/gateway/assets/index.html
+++ b/gateway/assets/index.html
@@ -37,8 +37,8 @@
 
                 <md-toolbar class="md-theme-indigo">
                     <div class="md-toolbar-tools">
-                        <a href="https://www.openfaas.com/" target="_blank"><img src="icon.png" alt="OpenFaaS Icon" width="60px" height="60px" class="md-avatar" /></a>
-                        <h1 style="flex: 1 1 auto;">&nbsp; OpenFaaS Portal</h1>
+                        <a href="https://www.openfaas.com/" target="_blank"><img src="icon.png" alt="OpenFaaS Icon" class="md-avatar" /></a>
+                        <h1 style="flex: 1 1 auto;"><img src="/img/logo-text.svg" class="md-logo"></h1>
                         <md-button ng-click="toggleSideNav()" class="md-icon-button" aria-label="Back" hide-gt-sm>
                             <md-icon md-svg-icon="img/icons/ic_arrow_back_white.svg"></md-icon>
                         </md-button>
diff --git a/gateway/assets/style/bootstrap.css b/gateway/assets/style/bootstrap.css
index 92f61c45..d7fb7a4f 100644
--- a/gateway/assets/style/bootstrap.css
+++ b/gateway/assets/style/bootstrap.css
@@ -90,6 +90,22 @@ md-input-container .md-errors-spacer {
     font-weight: 500;
 }
 
+
+.md-toolbar-tools {
+    padding: 0px 0px 0px 0px;
+}
+
+.md-toolbar-tools img.md-logo { 
+    max-height: 38px;
+    height: 38px;
+}
+
+.md-toolbar-tools img.md-avatar { 
+    max-height: 74px;
+    height: 74px;
+}
+
+
 span.md-avatar {
     font-weight: bold;
     line-height: 40px;
@@ -128,4 +144,5 @@ md-input-container.function-url md-icon {
 .remove-input-icon {
     padding-top: 25px;
     color: red;
-}
\ No newline at end of file
+}
+