tune up visuals

Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/5a78da49
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/5a78da49
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/5a78da49

Branch: refs/heads/develop
Commit: 5a78da499b5f5a1462275b4a04f755ed669da1c1
Parents: c75baab
Author: Alex Harui <aha...@apache.org>
Authored: Thu Aug 6 22:13:52 2015 -0700
Committer: Alex Harui <aha...@apache.org>
Committed: Fri Aug 7 10:00:58 2015 -0700

----------------------------------------------------------------------
 examples/FlexJSStore/src/ProductsView.mxml        |  2 +-
 examples/FlexJSStore/src/SupportView.mxml         | 18 +++++++++---------
 .../FlexJSStore/src/productsView/ProductCart.mxml |  5 +++--
 3 files changed, 13 insertions(+), 12 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/5a78da49/examples/FlexJSStore/src/ProductsView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/ProductsView.mxml 
b/examples/FlexJSStore/src/ProductsView.mxml
index 3757675..70fccd1 100755
--- a/examples/FlexJSStore/src/ProductsView.mxml
+++ b/examples/FlexJSStore/src/ProductsView.mxml
@@ -95,7 +95,7 @@ limitations under the License.
     
     </js:Container>
         
-    <productsView:ProductCatalogPanel id="catalogPanel" y="10" width="685" 
height="540"
+    <productsView:ProductCatalogPanel id="catalogPanel" y="4" width="685" 
height="540"
                                       x.showFilter="288" x.showCart="0"
         catalog="{catalog}"
         compare="addToCompare(event.product)"

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/5a78da49/examples/FlexJSStore/src/SupportView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/SupportView.mxml 
b/examples/FlexJSStore/src/SupportView.mxml
index 8fb9829..a567bd5 100755
--- a/examples/FlexJSStore/src/SupportView.mxml
+++ b/examples/FlexJSStore/src/SupportView.mxml
@@ -52,22 +52,22 @@ The width and height are hard-coded in the root tag to help 
the Design view.
        <js:HContainer x="0" y="0" width="100%" height="100%" 
className="colorPanel">
        
                <js:VContainer width="32%" height="100%">
-                       <js:Container width="100%" height="60%">
+                       <js:Container width="100%" height="75%">
                        
                                <js:Label y="10" text="Check Location" 
className="sectionHeader" x="20"/>
                                
-                               <js:Container width="95%" height="150" y="64" 
style="margin:auto">
+                               <js:Container height="150" y="64" 
style="margin:auto">
                     <js:beads>
                         <js:VerticalColumnLayout numColumns="2" />
                     </js:beads>
                                        <js:Label text="Address:" width="100%"/>
                                        <js:TextInput id="address" width="90%"/>
                                        
-                                       <js:Label text="City:" width="100%"/>
-                                       <js:TextInput id="city" width="60%"/>   
                                        
+                                       <js:Label text="City:" width="100%" 
style="marginTop:20"/>
+                                       <js:TextInput id="city" width="60%" 
style="marginTop:20"/>                                              
                                        
-                                       <js:Label text="State:" width="100%"/>
-                                       <js:DropDownList id="state" width="50%">
+                                       <js:Label text="State:" width="100%" 
style="marginTop:20"/>
+                                       <js:DropDownList id="state" width="50%" 
style="marginTop:20">
                                                <js:dataProvider>
                             <fx:Array>
                                 <fx:String>California</fx:String>
@@ -78,8 +78,8 @@ The width and height are hard-coded in the root tag to help 
the Design view.
                                </js:dataProvider>
                                        </js:DropDownList>
                                        
-                                       <js:Label text="ZIP Code:" width="100%" 
/>
-                                       <js:TextInput id="zip" width="30%"/>
+                                       <js:Label text="ZIP Code:" width="100%" 
style="marginTop:20"/>
+                                       <js:TextInput id="zip" width="30%" 
style="marginTop:20"/>
                                        
                                </js:Container>
                                
@@ -105,7 +105,7 @@ The width and height are hard-coded in the root tag to help 
the Design view.
                                
                        </js:Container>
                        
-                       <js:Container width="100%" height="40%">
+                       <js:Container width="100%" height="25%">
                                <js:VContainer width="80%" height="90%" >
                     <js:style>
                         <js:SimpleCSSStyles margin="auto" top="0"/>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/5a78da49/examples/FlexJSStore/src/productsView/ProductCart.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductCart.mxml 
b/examples/FlexJSStore/src/productsView/ProductCart.mxml
index 45fa260..40f869e 100755
--- a/examples/FlexJSStore/src/productsView/ProductCart.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductCart.mxml
@@ -96,7 +96,7 @@ limitations under the License.
         removeProduct="productListEventHandler(event)"
         showQuantity="true" />
     
-    <js:Container style="paddingRight:0" width="100%">
+    <js:Container style="right:0" id="totalContainer">
         <js:beads>
             <js:VerticalColumnLayout numColumns="2" />
         </js:beads>
@@ -111,6 +111,7 @@ limitations under the License.
 
     </js:Container>
 
-    <js:TextButton text="Submit Order" click="SimpleAlert.show('This feature 
is not implemented in this sample', 'Submit Order')"/>
+    <js:TextButton text="Submit Order" click="SimpleAlert.show('This feature 
is not implemented in this sample', 'Submit Order')"
+                   style="right:0"/>
 
 </js:Container>

Reply via email to