Fix paddingInline #675 🐛

Author: Freymaurer

playground/src/App.fs

@@ -2,11 +2,28 @@ module App
 
 open Feliz
 open Browser.Dom
+open Fable.Core
+
+[<ReactComponent>]
+let MyCounter() =
+    let (count, setCount) = React.useState(0)
+    JSX.jsx $"""
+        <div>
+            {count}
+            <div>
+                <button onDoubleClick onClick={fun _ -> setCount(count + 1)}>Increment</button>
+            </div>
+            <div>
+                <button onClick={fun _ -> setCount(count - 1)} >Decrement</button>
+            </div>
+        </div>
+    """
+    |> unbox<ReactElement>
 
 let App() =
     Html.div [
         prop.children [
             Components.Components.Testing()
-            Html.div "Test"
+            MyCounter()
         ]
     ]

src/Feliz/Styles.fs

@@ -766,12 +766,12 @@ type style =
     /// which maps to a physical padding properties depending on the element's
     /// writing mode, directionality, and text orientation.
     /// https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline
-    static member inline paddingInline(value: int) = StyleHelper.mkStyle "marginInline" value
+    static member inline paddingInline(value: int) = StyleHelper.mkStyle "paddingInline" value
     /// Defines the logical inline start and end paddings of an element,
     /// which maps to a physical padding properties depending on the element's
     /// writing mode, directionality, and text orientation.
     /// https://developer.mozilla.org/en-US/docs/Web/CSS/padding-inline
-    static member inline paddingInline(value: ICssUnit) = StyleHelper.mkStyle "marginInline" value
+    static member inline paddingInline(value: ICssUnit) = StyleHelper.mkStyle "paddingInline" value
     /// Defines the logical inline start and end paddings of an element,
     /// which maps to a physical padding properties depending on the element's
     /// writing mode, directionality, and text orientation.