added link to template docs

dashboard/src/main/home/cluster-dashboard/expanded-chart/status/Logs.tsx

@@ -85,18 +85,17 @@ Logs.contextType = Context;
 const Wrapper = styled.div`
   width: 100%;
   height: 100%;
+  overflow: auto;
+  padding: 25px 30px;
 `;
 
 const LogStream = styled.div`
-  overflow: auto;
   display: flex;
   flex: 1;
   float: right;
   height: 100%;
   background: #202227;
-  padding: 25px 30px;
   user-select: text;
-  overflow: auto;
 `;
 
 const Message = styled.div`

dashboard/src/main/home/templates/Templates.tsx

@@ -104,6 +104,9 @@ export default class Templates extends Component<PropsType, StateType> {
       <TemplatesWrapper>
         <TitleSection>
           <Title>Template Explorer</Title>
+          <a href='https://docs.getporter.dev/docs/porter-templates' target='_blank'>
+            <i className="material-icons">help_outline</i>
+          </a>
         </TitleSection>
         <TabSelector
           options={tabOptions}
@@ -235,6 +238,18 @@ const TitleSection = styled.div`
   display: flex;
   flex-direction: row;
   align-items: center;
+
+  > a {
+    > i {
+      display: flex;
+      align-items: center;
+      margin-bottom: -2px;
+      font-size: 18px;
+      margin-left: 18px;
+      color: #8B949F;
+      cursor: pointer;
+    }
+  }
 `;
 
 const TemplatesWrapper = styled.div`

dashboard/src/main/home/templates/expanded-template/TemplateInfo.tsx

@@ -118,7 +118,7 @@ const TagSection = styled.div`
   align-items: center;
 
   > i {
-    font-size: 20px;
+    font-size: 18px;
     margin-right: 10px;
     color: #aaaabb;
   }