made ui denser and finished all ui commands

New client/chameleon-client/src/components/cv-input.vue

@@ -1,11 +1,11 @@
 <template>
     <div>
-        <v-row align="center">
-            <v-col :cols="2">
+        <v-row dense align="center">
+            <v-col :cols="3">
                 <span>{{name}}</span>
             </v-col>
-            <v-col>
-                 <v-text-field dark v-model="localValue" class="mt-0 pt-0" hide-details single-line :disabled="disabled"></v-text-field>
+            <v-col :cols="9">
+                 <v-text-field @keydown="handleKeyboard" dark v-model="localValue" dense  :disabled="disabled" :error-messages="errorMessage"></v-text-field>
             </v-col>
         </v-row>
     </div>
@@ -14,12 +14,19 @@
 <script>
     export default {
         name: 'Input',
-        props:['name','value','disabled'],
+        props:['name','value','disabled','errorMessage'],
         data() {
             return {
                 
             }
         },
+        methods:{
+            handleKeyboard(event){
+                if(event.key == "Enter"){
+                    this.$emit("Enter");
+                }
+            }
+        },
         computed:{
             localValue:{
                 get(){

New client/chameleon-client/src/components/cv-number-input.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <v-row align="center">
+        <v-row dense align="center">
             <v-col :cols="2">
                 <span>{{name}}</span>
             </v-col>

New client/chameleon-client/src/components/cv-range-slider.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <v-row align="center">
+        <v-row dense align="center">
             <v-col :cols="2">
                 <span>{{name}}</span>
             </v-col>

New client/chameleon-client/src/components/cv-select.vue

@@ -1,11 +1,11 @@
 <template>
     <div>
-        <v-row align="center">
+        <v-row dense align="center">
             <v-col :cols="3">
                 <span>{{name}}</span>
             </v-col>
             <v-col :cols="9">
-                <v-select v-model="localValue" :items="indexList" item-text="name" item-value="index" dark color="#4baf62" item-color="green" dense :disabled="disabled"></v-select>
+                <v-select v-model="localValue" :items="indexList" item-text="name" item-value="index" dark color="#4baf62" item-color="green"  :disabled="disabled"></v-select>
             </v-col>
         </v-row>
     </div>

New client/chameleon-client/src/components/cv-slider.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <v-row align="center">
+        <v-row dense align="center">
             <v-col :cols="2">
                 <span>{{name}}</span>
             </v-col>

New client/chameleon-client/src/components/cv-switch.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <v-row align="center">
+        <v-row dense align="center">
             <v-col :cols="2">
                 <span>{{name}}</span>
             </v-col>