From 5a8ffb17a72ec1fe02459582d28a714347e89f1d Mon Sep 17 00:00:00 2001
From: SvetoslavTsenov <tsenov.svetoslav@gmail.com>
Date: Mon, 20 Jun 2016 16:35:52 +0300
Subject: [PATCH] Update letter sapcing page

---
 apps/ui-tests-app/css/letter-spacing.xml | 75 +++++++++++-------------
 1 file changed, 35 insertions(+), 40 deletions(-)

diff --git a/apps/ui-tests-app/css/letter-spacing.xml b/apps/ui-tests-app/css/letter-spacing.xml
index d0fd08e60..8f8803dae 100644
--- a/apps/ui-tests-app/css/letter-spacing.xml
+++ b/apps/ui-tests-app/css/letter-spacing.xml
@@ -1,12 +1,11 @@
 <Page>
+  <ScrollView>
     <StackLayout>
-    
       <WrapLayout>
         <Label text="labelLabel" style="letter-spacing: -1;" />
         <Label text="labelLabel" style="letter-spacing: 0;" />
         <Label text="labelLabel" style="letter-spacing: 1;" />
       </WrapLayout>
-    
       <Label text="labelLabel" style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;" />
       <Label style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;">
         <Label.formattedText>
@@ -18,66 +17,62 @@
           </FormattedString>
         </Label.formattedText>
       </Label>
-
       <WrapLayout>
         <Button text="buttonButton" style="letter-spacing: -1;" />
         <Button text="buttonButton" style="letter-spacing: 0;" />
         <Button text="buttonButton" style="letter-spacing: 1;" />
       </WrapLayout>
-    
       <Button text="buttonButton" style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;" />
       <!--<android>-->
-        <Button style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;">
-            <Button.formattedText>
-            <FormattedString>
-                <FormattedString.spans>
-                <Span text="button" fontAttributes="Bold" foregroundColor="#0000ff" />
-                <Span text="Button" fontAttributes="Italic" foregroundColor="#00ff00" />
-                </FormattedString.spans>
-            </FormattedString>
-            </Button.formattedText>
-        </Button>
+      <Button style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;">
+        <Button.formattedText>
+          <FormattedString>
+            <FormattedString.spans>
+              <Span text="button" fontAttributes="Bold" foregroundColor="#0000ff" />
+              <Span text="Button" fontAttributes="Italic" foregroundColor="#00ff00" />
+            </FormattedString.spans>
+          </FormattedString>
+        </Button.formattedText>
+      </Button>
       <!--</android>-->
-      
       <WrapLayout>
-        <TextField text="textField" style="letter-spacing: -1;" />
+        <ios>
+          <TextField text="textField" style="letter-spacing: -1;" />
+        </ios>
         <TextField text="textField" style="letter-spacing: 0;" />
         <TextField text="textField" style="letter-spacing: 1;" />
       </WrapLayout>
-    
       <TextField text="textField" style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;" />
       <!--<android>-->
-        <TextField style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;">
-            <TextField.formattedText>
-            <FormattedString>
-                <FormattedString.spans>
-                <Span text="text" fontAttributes="Bold" foregroundColor="#0000ff" />
-                <Span text="Field" fontAttributes="Italic" foregroundColor="#00ff00" />
-                </FormattedString.spans>
-            </FormattedString>
-            </TextField.formattedText>
-        </TextField>
+      <TextField style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;">
+        <TextField.formattedText>
+          <FormattedString>
+            <FormattedString.spans>
+              <Span text="text" fontAttributes="Bold" foregroundColor="#0000ff" />
+              <Span text="Field" fontAttributes="Italic" foregroundColor="#00ff00" />
+            </FormattedString.spans>
+          </FormattedString>
+        </TextField.formattedText>
+      </TextField>
       <!--</android>-->
-
       <WrapLayout>
         <TextView text="textView" style="letter-spacing: -1;" />
         <TextView text="textView" style="letter-spacing: 0;" />
         <TextView text="textView" style="letter-spacing: 1;" />
       </WrapLayout>
-    
       <TextView text="textView" style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;" />
       <!--<android>-->
-        <TextView style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;">
-            <TextView.formattedText>
-            <FormattedString>
-                <FormattedString.spans>
-                <Span text="text" fontAttributes="Bold" foregroundColor="#0000ff" />
-                <Span text="View" fontAttributes="Italic" foregroundColor="#00ff00" />
-                </FormattedString.spans>
-            </FormattedString>
-            </TextView.formattedText>
-        </TextView>
+      <TextView style="text-transform: uppercase; text-decoration: underline line-through; letter-spacing: 10;">
+        <TextView.formattedText>
+          <FormattedString>
+            <FormattedString.spans>
+              <Span text="text" fontAttributes="Bold" foregroundColor="#0000ff" />
+              <Span text="View" fontAttributes="Italic" foregroundColor="#00ff00" />
+            </FormattedString.spans>
+          </FormattedString>
+        </TextView.formattedText>
+      </TextView>
       <!--</android>-->
-
     </StackLayout>
+  </ScrollView>
 </Page>
\ No newline at end of file