From 88b27e9d436229e6e6fbb6882326642672526ece Mon Sep 17 00:00:00 2001
From: Tom Searle <tsearle88@gmail.com>
Date: Wed, 7 Feb 2024 15:50:55 +0000
Subject: [PATCH] 8693rnxwe: UI fixes - hacky - needs reorganising components
 into flex-box layout ideally.

---
 webapp/api/core/settings.py                                 | 2 +-
 .../src/components/usecases/MetaAnnotationTaskContainer.vue | 5 +++--
 .../components/usecases/RelationAnnotationTaskContainer.vue | 6 +++++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/webapp/api/core/settings.py b/webapp/api/core/settings.py
index 00b938a8..b88e739c 100644
--- a/webapp/api/core/settings.py
+++ b/webapp/api/core/settings.py
@@ -26,7 +26,7 @@
 realm = os.environ.get('ENV', 'non-prod')
 secret_key = os.environ.get('SECRET_KEY')
 if realm == 'prod' and secret_key is None:
-    msg = 'No SECRET_KEY envrionment variable found for prod envrionment. Please add a secret key and re-run'
+    msg = 'No SECRET_KEY environment variable found for prod environment. Please add a secret key and re-run'
     log.error(msg)
     sys.exit(msg)
 else:
diff --git a/webapp/frontend/src/components/usecases/MetaAnnotationTaskContainer.vue b/webapp/frontend/src/components/usecases/MetaAnnotationTaskContainer.vue
index f2e10a45..224a3654 100644
--- a/webapp/frontend/src/components/usecases/MetaAnnotationTaskContainer.vue
+++ b/webapp/frontend/src/components/usecases/MetaAnnotationTaskContainer.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="meta-task-container" v-if="tasks && tasks.length > 0">
     <div class="title">Meta Annotation Tasks</div>
-    <div>
+    <div class="meta-task-list">
       <meta-annotation-task v-for="task of tasks" :key="task.id"
                             @select:metaAnno="selectedTaskAnno" :task="task"></meta-annotation-task>
     </div>
@@ -76,7 +76,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.meta-task-container {
+.meta-task-list {
   overflow-y: auto;
+  min-height: 250px;
 }
 </style>
diff --git a/webapp/frontend/src/components/usecases/RelationAnnotationTaskContainer.vue b/webapp/frontend/src/components/usecases/RelationAnnotationTaskContainer.vue
index 48802d09..283eff08 100644
--- a/webapp/frontend/src/components/usecases/RelationAnnotationTaskContainer.vue
+++ b/webapp/frontend/src/components/usecases/RelationAnnotationTaskContainer.vue
@@ -118,10 +118,14 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.relation-extraction-container {
+  max-height: 600px;
+}
+
 .add-rel-btn {
   position: absolute;
   right: 10px;
-  top: 72px;
+  top: 42px;
   float: right;
   cursor: pointer;
   opacity: 0.5;