Add footer and fixed join size

src/background.js

@@ -9,6 +9,7 @@ function notify(word) {
     type: "basic",
     title: "AutoMeet",
     message: `The word '${word}' has appeared!`,
+    iconUrl: "http://www.google.com/favicon.ico",
   });
 }
 

src/index.css

@@ -4,6 +4,7 @@
 
 header {
   height: 104px;
+  min-height: 85px;
   width: 300px;
   background-color: #26a69a;
   color: white;
@@ -24,7 +25,7 @@ header {
 }
 
 
-html::-webkip-scrollbar{
+html::-webkit-scrollbar{
   display:none;
 }
 
@@ -38,6 +39,8 @@ html,
 body {
   width: 300px;
   height: 460px;
+  display: flex;
+  flex-direction: column;
 }
 
 /* button */
@@ -47,7 +50,7 @@ body {
   padding: 0 2rem;
   top: 2rem;
   position: relative;
-  padding-bottom: 1rem;
+  padding-bottom: 35px;
 }
 
 #submit{
@@ -86,6 +89,9 @@ button:focus {
   color: white;
 }
 
+#join{
+  font-size: 1.1rem;
+}
 #joinText {
   display: inline-block;
   right: 180px;
@@ -185,3 +191,25 @@ input[type="number"] {
 .chip{
   font-size: 0.8rem;
 }
+
+#footer img{
+  max-width: 100%;
+  max-height: 100%;
+}
+
+#footer{
+  display: flex;
+  font-size: 1.5rem;
+  justify-content: center;
+  width: 100%;  
+  align-items: center;
+  margin-top: auto;
+}
+#heart{
+
+}
+#github{
+  width:1.5rem;
+  padding-top: 4px;
+  margin-left: 25px;
+}

src/page.js

@@ -27,7 +27,7 @@ export function leaveCall(state) {
 
 export function joinCall() {
   const joinButton = getJoinButton();
-  if (joinButton !== undefined) {
+  if (joinButton) {
     joinButton.click();
     return 1;
   }

src/static/index.html

@@ -25,6 +25,10 @@ <h3 id='leave_text'>
 
       <button id="submit">Submit</button>
     </div>
+    <div id="footer">
+      <div id='heart'>❤️</div>
+      <div id='github'><img src="favicon.png"></div>
+    </div>
     <script type="application/javascript" src="./browser-polyfill.js"></script>
     <script src="./main.js"></script>
   </body>