From eef631dd84e7465ed4384c7bf186918d910065e8 Mon Sep 17 00:00:00 2001
From: Jason Michalski <armooo@armooo.new>
Date: Mon, 20 May 2024 21:21:55 -0700
Subject: [PATCH] Fix map layout when missing NodeInfo.

---
 meshview/templates/node.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/meshview/templates/node.html b/meshview/templates/node.html
index 00947dc..6d05c7b 100644
--- a/meshview/templates/node.html
+++ b/meshview/templates/node.html
@@ -6,8 +6,12 @@
 {% endblock %}
 
 {% block css %}
+    #node_info {
+        height:100%;
+    }
     #map{
         height:100%;
+        min-height: 400px;
     }
     #packet_details{
         height: 95vh;
@@ -19,12 +23,14 @@
 {% block body %}
 
 {% include "search_form.html" %}
+
 <div id="node" class="container text-center">
     <div class="container"
          {% if node %}
          hx-ext="sse"
-         sse-connect="/events?node_id={{node_id}}{% if portnum %}&portnum={{portnum}}{% endif %}">
+         sse-connect="/events?node_id={{node_id}}{% if portnum %}&portnum={{portnum}}{% endif %}"
         {% endif %}
+        >
         <div class="row">
             <div class="col mb-3">
                 <div class="card text-white bg-primary" id="node_info">
@@ -33,7 +39,7 @@
                         {{node.long_name}} ({{node.node_id|node_id_to_hex}})
                     </div>
                     <div class="card-body">
-                        <dl class="card-body">
+                        <dl >
                             <dt>short name</dt>
                             <dd>{{node.short_name}}</dd>
                             <dt>hw model</dt>
@@ -43,7 +49,7 @@
                     </div>
                     {% else %}
                     <div class="card-body">
-                    A NodeInfo has not been seen.
+                        A NodeInfo has not been seen.
                     </div>
                     {% endif %}
                 </div>