fix: validations key overlaps value (#61)

* fix: validations key overlaps value

* chore: update snapshot

Author: lottamus

src/__fixtures__/default-schema.json

@@ -9,7 +9,10 @@
     "age": {
       "type": "number",
       "minimum": 0,
-      "maximum": 150
+      "maximum": 150,
+      "multipleOf": 10,
+      "exclusiveMinimum": true,
+      "exclusiveMaximum": true
     },
     "completed_at": {
       "type": "string",

src/components/shared/Validations.tsx

@@ -51,8 +51,8 @@ export const Validations: React.FunctionComponent<IValidations> = ({ required, v
 
             return (
               <div key={index} className="py-1 flex items-baseline">
-                <div className="font-medium pr-2 w-24">{key}:</div>
-                <div className="flex-1 flex flex-wrap text-center">{elem}</div>
+                <div className="font-medium pr-2">{key}:</div>
+                <div className="flex-1 flex flex-wrap justify-end">{elem}</div>
               </div>
             );
           })}

src/utils/__tests__/__snapshots__/renderSchema.spec.ts.snap

@@ -600,8 +600,11 @@ Array [
       },
       "properties": Object {
         "age": Object {
+          "exclusiveMaximum": true,
+          "exclusiveMinimum": true,
           "maximum": 150,
           "minimum": 0,
+          "multipleOf": 10,
           "type": "number",
         },
         "completed_at": Object {
@@ -713,8 +716,11 @@ Array [
       "required": true,
       "type": "number",
       "validations": Object {
+        "exclusiveMaximum": true,
+        "exclusiveMinimum": true,
         "maximum": 150,
         "minimum": 0,
+        "multipleOf": 10,
       },
     },
     "name": "",