From 38d53f26c8b8e0eea373da92740469e6be535677 Mon Sep 17 00:00:00 2001
From: Mike Simpson <mike.simpson@ncl.ac.uk>
Date: Thu, 18 May 2023 11:31:37 +0100
Subject: [PATCH] Sidebar Tweaks

Add horizontal line at bottom
Change style of horizontal likes in menu
Remove minimum height (now all subcategories are closed by default)
---
 .../frontend/building/data-components/data-entry-group.css   | 1 +
 app/src/frontend/building/data-container.tsx                 | 2 ++
 app/src/frontend/building/sidebar.css                        | 4 ++--
 app/src/frontend/styles/layout.css                           | 5 ++---
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/src/frontend/building/data-components/data-entry-group.css b/app/src/frontend/building/data-components/data-entry-group.css
index 57ef28d4..6d83bb51 100644
--- a/app/src/frontend/building/data-components/data-entry-group.css
+++ b/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;
 }
diff --git a/app/src/frontend/building/data-container.tsx b/app/src/frontend/building/data-container.tsx
index 4b7f156c..c7817571 100644
--- a/app/src/frontend/building/data-container.tsx
+++ b/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>
             );
         }
diff --git a/app/src/frontend/building/sidebar.css b/app/src/frontend/building/sidebar.css
index 37e27bd1..fbbc0c44 100644
--- a/app/src/frontend/building/sidebar.css
+++ b/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;
diff --git a/app/src/frontend/styles/layout.css b/app/src/frontend/styles/layout.css
index bd357c74..70d043e3 100644
--- a/app/src/frontend/styles/layout.css
+++ b/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;