make volumes dialog large enough for ssh private key

dashboard/src/views/VolumesView.vue

@@ -235,6 +235,7 @@ onMounted(async () =>{
     <InputDialog ref="inputDialog" />
 
     <Dialog ref="volumeDialog"
+      class="volume-dialog"
       :title="volumeDialogData.mode === 'edit' ? $t('volumes.editVolumeDialog.title', { name: volumeDialogData.name }) : $t('volumes.addVolumeDialog.title')"
       :reject-label="$t('main.dialog.cancel')"
        reject-style="secondary"
@@ -304,7 +305,8 @@ onMounted(async () =>{
 
           <FormGroup v-if="volumeDialogData.mountType === 'sshfs'">
             <label for="volumePrivateKey">{{ $t('volumes.addVolumeDialog.privateKey') }}</label>
-            <textarea v-model="volumeDialogData.privateKey" id="volumePrivateKey"></textarea>
+            <!-- private key has 7 lines of 70 chars -->
+            <textarea rows="7" cols="72" v-model="volumeDialogData.privateKey" id="volumePrivateKey"></textarea>
           </FormGroup>
 
         </fieldset>
@@ -336,3 +338,11 @@ onMounted(async () =>{
     </Section>
   </div>
 </template>
+
+<style>
+
+div.volume-dialog {
+  width: 78ch;
+}
+
+</style>