v1.1.1/release styling fixes, add links

website/src/index.js

@@ -860,7 +860,7 @@ class App extends React.Component {
 
           {this.shouldShowResults() ? (
             <div className="tip-container">
-              <div className="tip-icon">&#9432;</div>
+              {/* <div className="tip-icon">&#9432;</div> */}
               <div className="tip">
                 <h6 className="subheader" data-font="sans">
                   NET EFFICACY
@@ -868,10 +868,26 @@ class App extends React.Component {
                 <h3 className="header" data-font="sans-bold">
                   {VAX_EFFICACY[name][age]}%
                 </h3>
-                <h6 className="overline" data-font="sans">
+                <h6
+                  className="overline"
+                  style={{ wordBreak: "break-word" }}
+                  data-font="sans"
+                >
                   of vaccine trial participants who took the <u>{name}</u>{" "}
                   vaccine (in the <u>{age}</u> age group) did not get COVID-19
                 </h6>
+                <h6 className="overline" data-font="sans" data-button>
+                  <a href="#data-sources">See Data Sources ↗</a>
+                </h6>
+                <h6 className="overline" data-font="sans" data-button>
+                  <a
+                    target="_blank"
+                    href="https://www.gavi.org/vaccineswork/what-difference-between-efficacy-and-effectiveness"
+                    rel="noreferrer"
+                  >
+                    What is efficacy? ↗
+                  </a>
+                </h6>
               </div>
             </div>
           ) : null}