style(): adjust input width

Author: SebastienDechand

src/app/common/components/input-field/input-field.component.scss

@@ -1,28 +1,28 @@
 p-floatlabel {
-  width: 100%;
-}
+  width: 500px;
 
-input {
-  width: 100%;
-  padding: 15px;
-  font-size: 16px;
-  background-color: var(--background-color-light);
-  border: var(--grey-border);
-  border-radius: 8px;
-  transition: border-color 0.3s ease-in-out;
+  input {
+    width: 100%;
+    padding: 15px;
+    font-size: 16px;
+    background-color: var(--background-color-light);
+    border: var(--grey-border);
+    border-radius: 8px;
+    transition: border-color 0.3s ease-in-out;
 
-  &:focus,
-  &:hover,
-  &:active {
-    border-color: var(--primary-light-color) !important;
-    outline: none;
-    ~ label {
-      color: var(--primary-light-color);
+    &:focus,
+    &:hover,
+    &:active {
+      border-color: var(--primary-light-color) !important;
+      outline: none;
+      ~ label {
+        color: var(--primary-light-color);
+      }
     }
-  }
 
-  label {
-    transition: all 0.3s ease-in-out;
-    color: var(--primary-light-color);
+    label {
+      transition: all 0.3s ease-in-out;
+      color: var(--primary-light-color);
+    }
   }
 }