ui: fix overflow for value in DetailInput (#11771)

In DetailInput component when a long value is used, it overflows on some
browsers.

Signed-off-by: Abhishek Kumar <[email protected]>

Author: shwstppr

ui/src/components/widgets/DetailsInput.vue

@@ -87,8 +87,8 @@ export default {
   data () {
     return {
       columns: [
-        { title: this.$t('label.key'), dataIndex: 'key', key: 'key', width: '40%' },
-        { title: this.$t('label.value'), dataIndex: 'value', key: 'value', width: '40%' },
+        { title: this.$t('label.key'), dataIndex: 'key', key: 'key', width: '40%', ellipsis: true },
+        { title: this.$t('label.value'), dataIndex: 'value', key: 'value', width: '40%', ellipsis: true },
         { title: this.$t('label.actions'), key: 'actions', width: '20%' }
       ],
       newKey: '',