Minor Fixes and Fixed Data Table - Pager is duplicated #47

Author: kevzlou7979

src/main/java/gwt/material/design/demo/client/application/about/AboutView.ui.xml

@@ -23,7 +23,7 @@
     <ui:with field='res' type='gwt.material.design.demo.client.resources.MaterialResources' />
 
     <g:HTMLPanel addStyleNames="center-align">
-        <m:MaterialRow>
+        <m:MaterialRow marginTop="60">
             <m:MaterialImage resource="{res.ic_front}"/>
             <m:MaterialTitle title="What is Material Design?" description="Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology. Google's goal is to develop a system of design that allows for a unified user experience across all their products on any platform." />
         </m:MaterialRow>

src/main/java/gwt/material/design/demo/client/application/addins/datatable/table/PageTable.java

@@ -61,7 +61,8 @@ interface PageGridUiBinder extends UiBinder<HTMLPanel, PageTable> {
     @UiField
     MaterialDataTable<Person> table;
 
-    private MaterialDataPager pager;
+    private MaterialDataPager pager = new MaterialDataPager();
+
     private ListDataSource<Person> dataSource;
 
     public PageTable() {
@@ -79,16 +80,17 @@ public PageTable() {
 
         dataSource = new ListDataSource<>();
         dataSource.add(0, people);
+
+        pager.setTable(table);
+        pager.setDataSource(dataSource);
+
     }
 
     @Override
     protected void onLoad() {
         super.onLoad();
 
         table.setVisibleRange(1, 10);
-
-        pager = new MaterialDataPager<>(table, dataSource);
-        pager.setLimitOptions(5, 10, 15, 20);
         table.add(pager);
 
         // We will manually add this category otherwise categories

src/main/java/gwt/material/design/demo/client/application/animations/meaningful/MeaningfulAnimationsView.ui.xml

@@ -296,7 +296,7 @@
                 <demo:PrettyPre addStyleNames="lang-java">
                     MaterialAnimator.animate(Transition.FADE_IN_IMAGE, image, 0);
                 </demo:PrettyPre>
-                <m:MaterialImage addStyleNames="{style.block}" opacity="0" ui:field="image" resource="{res.image}"  caption="I love Material Design"/>
+                <m:MaterialImage addStyleNames="{style.block}" opacity="0" ui:field="image" url="http://www.topofandroid.com/wp-content/uploads/2015/05/Android-L-Material-Design-Wallpapers-5.png"  caption="I love Material Design"/>
             </m:MaterialPanel>
         </g:HTMLPanel>
     </m:MaterialPanel>

src/main/java/gwt/material/design/demo/client/application/gettingstarted/GettingStartedView.ui.xml

@@ -162,7 +162,7 @@
     </m:MaterialPanel>
 
     <m:MaterialPanel addStyleNames="code">
-      <m:MaterialTitle title="Themes" description="We created another project for gwtmaterial themes .See below the link of the repo."/>
+      <m:MaterialTitle title="Themes" description="We created another project for gwt material themes .See below the link of the repo."/>
       <m:MaterialLink href="https://github.com/GwtMaterialDesign/gwt-material-themes" text="Gwt Material Themes Github Repo" target="_blank" iconType="LINK" iconPosition="LEFT" textColor="BLUE"/>
       <m:MaterialTitle description="First: Make sure you are using GwtMaterialDesignBasic module (This will not load the materialize.css default file allowing you to customize your design.)" />
       <demo:PrettyPre addStyleNames="lang-xml-1">