Merge pull request #178 from CogStack/relation-anno-ui-fix

8693rnxwe: UI fixes for Relation annotations
HDRUK · Feb 7, 2024 · 3060047 · 3060047
2 parents 67222e8 + 88b27e9
commit 3060047
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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;