Merge pull request #97 from dinukadesilva/AIRAVATA-3574-bug-fixes

AIRAVATA-3574: Fix application description in experiment edit
diff --git a/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/ExperimentEditor.vue b/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/ExperimentEditor.vue
index 4e2a4fe..79e04a2 100644
--- a/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/ExperimentEditor.vue
+++ b/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/ExperimentEditor.vue
@@ -88,13 +88,15 @@
         </div>
       </div>
       <div class="row">
-        <workspace-notices-management-container
-          v-if="appInterface.applicationDescription"
-          :data="[{notificationMessage: appInterface.applicationDescription}]"/>
+        <div class="col">
+          <workspace-notices-management-container class="mt-2"
+            v-if="appInterface && appInterface.applicationDescription"
+            :data="[{notificationMessage: appInterface.applicationDescription}]"/>
+        </div>
       </div>
       <div class="row">
         <div class="col">
-          <h1 class="h4 mt-5 mb-4">Application Configuration</h1>
+          <h1 class="h4 mt-2 mb-4">Application Configuration</h1>
         </div>
       </div>
       <div class="row">
diff --git a/django_airavata/apps/workspace/static/django_airavata_workspace/js/containers/EditExperimentContainer.vue b/django_airavata/apps/workspace/static/django_airavata_workspace/js/containers/EditExperimentContainer.vue
index 5729c91..c932b98 100644
--- a/django_airavata/apps/workspace/static/django_airavata_workspace/js/containers/EditExperimentContainer.vue
+++ b/django_airavata/apps/workspace/static/django_airavata_workspace/js/containers/EditExperimentContainer.vue
@@ -3,6 +3,7 @@
     v-if="appModule"
     :experiment="experiment"
     :app-module="appModule"
+    :app-interface="appInterface"
     @saved="handleSavedExperiment"
     @savedAndLaunched="handleSavedAndLaunchedExperiment"
   >
@@ -28,6 +29,7 @@
     return {
       experiment: null,
       appModule: null,
+      appInterface: null
     };
   },
   components: {
@@ -59,6 +61,7 @@
         );
       })
       .then((appInterface) => {
+        this.appInterface = appInterface;
         const appModuleId = appInterface.applicationModules[0];
         return services.ApplicationModuleService.retrieve({
           lookup: appModuleId,