Add scrolling to App info , CSV import dialogs #46

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"/>

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">
+          <div class="options">
-            {{opt}}
+            <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;