Add logo link to tools page header

src/app/new-page/page.component.css

@@ -57,6 +57,8 @@ p {
   line-height: 36px;
   padding: 12px 24px;
   cursor: pointer;
+  position: absolute;
+  left: 0;
 }
 
 .language-selector-toggle .fas {
@@ -75,6 +77,10 @@ p {
   position: relative;
   z-index: 1;
 }
+#toolHeader .logo img {
+  height: 24px;
+  margin: 20px 0 0 0;
+}
 
 #languageList {
   background-color: #f0f0f0;
@@ -105,6 +111,24 @@ p {
   }
 }
 
+@media screen and (max-width: 440px) {
+  #toolHeader .logo img{
+    margin: 12px 0 0 0;
+  }
+  #toolHeader .logo{
+    display:block;
+  }
+  .language-selector-toggle {
+    position:relative;
+  }
+  .language-selector-toggle > .langicon {
+    float: none;
+  }
+  .header {
+    height: auto;
+  }
+}
+
 /***** Tool Footer *****/
 #toolFooter {
   margin-top: 48px !important;

src/app/new-page/page.component.html

@@ -4,14 +4,17 @@
   <div class="outerbox">
     <header id="toolHeader">
       <div class="header tc relative">
+        <app-sharing-modal [book]="selectedBookName"></app-sharing-modal>
+        <span class="logo">
+          <a href='/'><img src="assets/img/kg-logo-blue.png" /></a>
+        </span>
         <span
-          class="l absolute kg-gray-dark ng-binding language-selector-toggle"
+          class="kg-gray-dark ng-binding language-selector-toggle"
           (click)="onToggleLanaguageSelect()"
         >
           <img src="assets/img/lang.png" class="langicon" /> {{ selectedLang }}
           <i class="fas fa-chevron-up flip"></i>
         </span>
-        <app-sharing-modal [book]="selectedBookName"></app-sharing-modal>
       </div>
       <div id="languageList" class="py25 ng-hide" *ngIf="languagesVisible">
         <div class="mw568">