pr fixes

Author: TIL-EBP

ui/src/elements/ngm-cam-configuration.ts

@@ -326,14 +326,13 @@ export class NgmCamConfiguration extends LitElementI18n {
             <div class="ngm-cam-conf-slider">
               <div>
                 <label>${c.label()}</label>
-                <input style="border: none;padding: 0; width: 50%; background-color: unset; justify-items: end"
-                   type="number"
+                <input type="number" class="ngm-cam-conf-number-input"
                       min="${c.minInputValue ?? c.minValue}"
                       max="${c.maxInputValue ?? c.maxValue}"
                       step="${c.inputStep ?? c.step}"
                      .value=${c.getInputValue ? c.getInputValue() : c.getValue()}
                      @input=${c.onInputChange ? c.onInputChange : c.onSliderChange}
-                      
+
                />
               </div>
               <input type="range" class="ngm-slider" style=${styleMap(c.style())}

ui/src/elements/ngm-cam-coordinates.ts

@@ -97,7 +97,7 @@ export class NgmCamCoordinates extends LitElementI18n {
   }
 
   render() {
-    if (!this.coordinates ?? !this.coordinates[this.key]) {
+    if (!this.coordinates || !this.coordinates[this.key]) {
       return '';
     }
     const c = this.coordinates[this.key];

ui/src/style/ngm-cam-configuration.css

@@ -45,6 +45,14 @@ ngm-cam-configuration {
   width: 100%;
 }
 
+.ngm-cam-conf-number-input {
+  border: none;
+  padding: 0;
+  width: 50%;
+  background-color: unset;
+  justify-items: end
+}
+
 .ngm-cam-coord {
   display: flex;
   flex-direction: column;