fix dashboard select drop down (#1205)

esphome/dashboard/static/css/esphome.css

@@ -163,6 +163,11 @@ main {
   color: black;
 }
 
+nav {
+  height: auto;
+  line-height: normal;
+}
+
 .select-port-container {
   margin-top: 8px;
   margin-right: 10px;

esphome/dashboard/static/js/esphome.js

@@ -5,6 +5,7 @@ $(document).ready(function () {
   M.AutoInit(document.body);
   nodeGrid();
   startAceWebsocket();
+  fixNavbarHeight();
 });
 
 // WebSocket URL Helper
@@ -16,6 +17,17 @@ if (loc.protocol === "https:") {
 }
 const wsUrl = wsLoc.href;
 
+/**
+ * Fix NavBar height
+ */
+const fixNavbarHeight = () => {
+  const fixFunc = () => {
+    const sel = $(".select-wrapper");
+    $(".navbar-fixed").css("height", (sel.position().top + sel.outerHeight()) + "px");
+  }
+  $(window).resize(fixFunc);
+  fixFunc();
+}
 
 /**
  *  Dashboard Dynamic Grid
@@ -1003,4 +1015,3 @@ jQuery.validator.addMethod("nospaces", (value, element) => {
 jQuery.validator.addMethod("lowercase", (value, element) => {
   return value === value.toLowerCase();
 }, "Name must be all lower case!");
-