Fix dashboard style issues (#437)

* Update dashboard copyright year

* Fix overflow and select color issue

* Make upload and compile modals not dismissible on outside click

* Fix to small dropdown

esphome/dashboard/static/esphome.css

@@ -118,6 +118,7 @@ body {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
+  overflow: hidden;
 }
 
 main {
@@ -144,10 +145,23 @@ ul.stepper:not(.horizontal) .step.active::before, ul.stepper:not(.horizontal) .s
   width: 350px;
 }
 
+.select-port-container .select-dropdown {
+  color: #fff;
+}
+
+.select-port-container .caret {
+  fill: #fff;
+}
+
 .dropdown-trigger {
   cursor: pointer;
 }
 
+.select-action {
+  width: auto !important;
+  height: auto !important;
+}
+
 /* https://github.com/tnhu/status-indicator/blob/master/styles.css */
 .status-indicator .status-indicator-icon {
   display: inline-block;

esphome/dashboard/static/esphome.js

@@ -337,6 +337,7 @@ document.querySelectorAll(".action-upload").forEach((upload) => {
   upload.addEventListener('click', (e) => {
     configuration = e.target.getAttribute('data-node');
     const modalInstance = M.Modal.getInstance(uploadModalElem);
+    modalInstance.options['dismissible'] = false;
     const log = uploadModalElem.querySelector(".log");
     log.innerHTML = "";
     const colorState = initializeColorState();
@@ -441,6 +442,7 @@ document.querySelectorAll(".action-compile").forEach((upload) => {
   upload.addEventListener('click', (e) => {
     configuration = e.target.getAttribute('data-node');
     const modalInstance = M.Modal.getInstance(compileModalElem);
+    modalInstance.options['dismissible'] = false;
     const log = compileModalElem.querySelector(".log");
     log.innerHTML = "";
     const colorState = initializeColorState();