ingress + copy style hotfixes

dashboard/src/components/CopyToClipboard.tsx

@@ -3,6 +3,7 @@ import ClipboardJS from "clipboard";
 import React, { Component, RefObject } from "react";
 import Tooltip from "@material-ui/core/Tooltip";
 import styled from "styled-components";
+import { styled as materialStyled } from '@material-ui/core/styles';
 
 type PropsType = {
   text: string;
@@ -79,7 +80,12 @@ export default class CopyToClipboard extends Component<PropsType, StateType> {
   render() {
     return (
       <Tooltip
-        title="Copied to clipboard!"
+        title={<div style={{ 
+          fontFamily: "Work Sans, sans-serif",
+          fontSize: "12px",
+          fontWeight: "normal",
+          padding: "5px 6px",
+        }}>Copied to clipboard</div>}
         open={this.state.success}
         placement="bottom"
         arrow
@@ -96,4 +102,4 @@ export default class CopyToClipboard extends Component<PropsType, StateType> {
   }
 }
 
-const DynamicSpanComponent = styled.span``;
+const DynamicSpanComponent = styled.span``;

dashboard/src/main/home/dashboard/ClusterList.tsx

@@ -268,7 +268,8 @@ const DashboardIcon = styled.div`
 
 const TemplateTitle = styled.div`
   margin-bottom: 0px;
-  width: 80%;
+  margin-top: 13px;
+  width: 100%;
   text-align: center;
   font-size: 14px;
   white-space: nowrap;
@@ -362,6 +363,7 @@ const Url = styled.a`
   width: 100%;
   font-size: 13px;
   user-select: text;
+  font-weight: 400;
   display: flex;
   align-items: center;
   justify-content: center;