Sidebar Tweaks

Add horizontal line at bottom
Change style of horizontal likes in menu
Remove minimum height (now all subcategories are closed by default)

app/src/frontend/building/data-components/data-entry-group.css

@@ -22,4 +22,5 @@
 
 .data-entry-group-body hr {
     margin: 1.5em 0 1.5em 0;
+    border: 1px dashed #ccc;
 }

app/src/frontend/building/data-container.tsx

@@ -438,7 +438,9 @@ const withCopyEdit: (wc: React.ComponentType<CategoryViewProps>) => DataContaine
                             </form> :
                             <InfoBox msg="Select a building to view data"></InfoBox>
                 }
+                <hr/>
                 </div>
+                
                 </section>
             );
         }

app/src/frontend/building/sidebar.css

@@ -100,8 +100,8 @@
  */
 .section-body {
     margin-top: 0.75em;
-    padding: 0 0.75em 5em 0.75em;
-    min-height: 80vh;
+    padding: 0 0.75em 1em 0.75em;
+    /*min-height: 80vh;*/
 }
 .data-section .h3 {
     margin: 0;

app/src/frontend/styles/layout.css

@@ -49,9 +49,8 @@ article .color-block {
 }
 hr {
     display: block;
-    height: 1px;
-    border: none;
-    background-color: #ccc;
+    height: 0px;
+    border: 1px solid #ccc;
     width: 100%;
     margin: 1.0em 0 0.8em 0;
     padding: 0;