make styles closer to CSS syntax

modules/about/about.lua

@@ -5,8 +5,7 @@ local about
 
 -- public functions
 function About.create()
-  about = UI.display('about.otui')
-  UI.root:lockChild(about)
+  about = UI.display('about.otui', { locked = true })
 end
 
 function About.destroy()
@@ -16,4 +15,4 @@ end
 
 function About.openWebpage()
   displayErrorBox("Error", "Not implemented yet")
-end
+end

modules/about/about.otui

@@ -7,55 +7,55 @@ MainWindow
     size: 208 129
     anchors.left: parent.left
     anchors.top: parent.top
-    margin.top: 32
-    margin.left: 18
+    margin-top: 32
+    margin-left: 18
 
     Label
-      align: center
+      text-align: center
       text: |-
         OTClient
         Version 0.2.0
         Created by edubart
       anchors.horizontalCenter: parent.horizontalCenter
       anchors.top: parent.top
-      margin.top: 20
+      margin-top: 20
 
     HorizontalSeparator
       size: 190 2
       anchors.left: parent.left
       anchors.top: parent.top
-      margin.top: 83
-      margin.left: 9
+      margin-top: 83
+      margin-left: 9
 
     Label
       text: Official Website
       anchors.left: parent.left
       anchors.bottom: parent.bottom
-      margin.bottom: 14
-      margin.left: 9
+      margin-bottom: 14
+      margin-left: 9
 
     Button
       text: Github Page
       size: 88 24
       anchors.right: parent.right
       anchors.bottom: parent.bottom
-      margin.bottom: 9
-      margin.right: 9
+      margin-bottom: 9
+      margin-right: 9
       @onClick: About.openWebpage()
 
   HorizontalSeparator
     anchors.left: parent.left
     anchors.right: parent.right
     anchors.bottom: parent.bottom
-    margin.bottom: 40
-    margin.left: 13
-    margin.right: 13
+    margin-bottom: 40
+    margin-left: 13
+    margin-right: 13
 
   Button
     text: Ok
     size: 46 24
     anchors.left: parent.left
     anchors.top: parent.top
-    margin.top: 191
-    margin.left: 188
+    margin-top: 191
+    margin-left: 188
     @onClick: About.destroy()