From bdcc494138e6e93463aeee2bc1bb2d036c87bfe5 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Wed, 19 May 2021 16:43:42 +0200
Subject: [PATCH] Add scrolling to App info , CSV import dialogs #46

---
 src/components/DbUploader/index.vue  |  9 ++++++++-
 src/views/Main/AppDiagnosticInfo.vue | 14 +++++++++++---
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/components/DbUploader/index.vue b/src/components/DbUploader/index.vue
index 189e4ec..96bd42e 100644
--- a/src/components/DbUploader/index.vue
+++ b/src/components/DbUploader/index.vue
@@ -42,7 +42,14 @@
     <div id="error" class="error"></div>
 
     <!--Parse csv dialog  -->
-    <modal name="parse" classes="dialog" height="auto" width="60%" :clickToClose="false">
+    <modal
+      name="parse"
+      classes="dialog"
+      scrollable
+      hight="auto"
+      width="60%"
+      :clickToClose="false"
+    >
       <div class="dialog-header">
         Import CSV
         <close-icon @click="cancelCsvImport" :disabled="disableDialog"/>
diff --git a/src/views/Main/AppDiagnosticInfo.vue b/src/views/Main/AppDiagnosticInfo.vue
index 01ad76a..403f2eb 100644
--- a/src/views/Main/AppDiagnosticInfo.vue
+++ b/src/views/Main/AppDiagnosticInfo.vue
@@ -1,6 +1,10 @@
 <template>
   <div id="app-info-container">
-    <img id="app-info-icon" :src="require('@/assets/images/info.svg')" @click="$modal.show('app-info')"/>
+    <img
+      id="app-info-icon"
+      :src="require('@/assets/images/info.svg')"
+      @click="$modal.show('app-info')"
+    />
     <modal name="app-info" classes="dialog" height="auto" width="400px">
       <div class="dialog-header">
         App info
@@ -10,8 +14,10 @@
         <div v-for="(item, index) in info" :key="index" class="info-item">
           {{item.name}}
           <div class="divider"/>
-          <div v-for="(opt, index) in item.info" :key="index" class="options">
-            {{opt}}
+          <div class="options">
+            <div v-for="(opt, index) in item.info" :key="index">
+              {{opt}}
+            </div>
           </div>
         </div>
       </div>
@@ -71,6 +77,8 @@ export default {
   font-family: monospace;
   font-size: 13px;
   margin-left: 8px;
+  overflow: scroll;
+  max-height: 170px;
 }
 .info-item {
   margin-bottom: 32px;