1 files changed, 17 insertions, 8 deletions
diff --git a/src/views/_sila/Operations/VirtualMedia/ModalConfigureConnection.vue b/src/views/_sila/Operations/VirtualMedia/ModalConfigureConnection.vue
index 9886eff5..9ba90d57 100644
--- a/src/views/_sila/Operations/VirtualMedia/ModalConfigureConnection.vue
+++ b/src/views/_sila/Operations/VirtualMedia/ModalConfigureConnection.vue
@@ -9,14 +9,17 @@
     <template #modal-title>
       {{ $t('pageVirtualMedia.modal.title') }}
     </template>
-    <b-form>
+    <b-form style="width: 100%">
       <b-form-group
-        :label="$t('pageVirtualMedia.modal.serverUri')"
+        :label="
+          $t('pageVirtualMedia.modal.serverUri') + ' (http, ftp, smb, nfs)'
+        "
         label-for="serverUri"
       >
         <b-form-input
           id="serverUri"
           v-model="form.serverUri"
+          placeholder="https://"
           type="text"
           :state="getValidationState($v.form.serverUri)"
           data-test-id="configureConnection-input-serverUri"
@@ -43,12 +46,14 @@
         :label="$t('pageVirtualMedia.modal.password')"
         label-for="password"
       >
-        <b-form-input
-          id="password"
-          v-model="form.password"
-          type="password"
-          data-test-id="configureConnection-input-password"
-        />
+        <input-password-toggle>
+          <b-form-input
+            id="password"
+            v-model="form.password"
+            type="password"
+            data-test-id="configureConnection-input-password"
+          />
+        </input-password-toggle>
       </b-form-group>
       <b-form-group>
         <b-form-checkbox
@@ -72,8 +77,12 @@
 <script>
 import { required } from 'vuelidate/lib/validators';
 import VuelidateMixin from '@/components/_sila/Mixins/VuelidateMixin.js';
+import InputPasswordToggle from '@/components/_sila/Global/InputPasswordToggle';
 
 export default {
+  components: {
+    InputPasswordToggle,
+  },
   mixins: [VuelidateMixin],
   props: {
     connection: {