From d61a54138abe03e7e60b151b0b7dbd817d6021f3 Mon Sep 17 00:00:00 2001
From: Stefan Peters <stefandesu@exo.pm>
Date: Wed, 26 Jun 2024 14:04:01 +0200
Subject: [PATCH] ItemView: Add divider line

---
 src/client/views/ItemView.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/client/views/ItemView.vue b/src/client/views/ItemView.vue
index f431485..5cba3ad 100644
--- a/src/client/views/ItemView.vue
+++ b/src/client/views/ItemView.vue
@@ -196,6 +196,12 @@ const topConcepts = computed(() => {
   #conceptDetails {
     grid-area: 3 / 2 / 6 / 3;
     overflow-y: auto;
+    /* TODO: This is very hacky */
+    margin-left: 0;
+    padding-left: 2vw;
+    max-width: calc(600px + 2vw);
+    width: calc(100% - 2vw);
+    border-left: 1px solid var(--color-primary);
   }
   #schemeHeader, #searchInScheme, #conceptHierarchy, #conceptDetails {
     margin-left: 2vw;
@@ -204,7 +210,7 @@ const topConcepts = computed(() => {
   #conceptHierarchy, #conceptDetails {
     margin-bottom: 20px;
   }
-  #searchInScheme, #conceptHierarchy, #conceptDetails {
+  #searchInScheme, #conceptHierarchy {
     max-width: 600px;
     width: calc(100% - 4vw);
   }