diff --git a/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/AppNavigatorFragment.java b/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/AppNavigatorFragment.java
index 174c9a67b5..5db59cc9b3 100644
--- a/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/AppNavigatorFragment.java
+++ b/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/AppNavigatorFragment.java
@@ -3,6 +3,8 @@ package com.mogo.module.apps;
 import android.os.Bundle;
 import android.view.View;
 
+import android.widget.ImageView;
+import android.widget.TextView;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import androidx.fragment.app.Fragment;
@@ -12,6 +14,9 @@ import androidx.recyclerview.widget.RecyclerView;
 import com.alibaba.android.arouter.launcher.ARouter;
 import com.mogo.commons.mvp.MvpFragment;
 import com.mogo.module.apps.adapter.AppIndicatorAdapter;
+import com.mogo.module.apps.adapter.base.RecycleViewHolder;
+import com.mogo.module.apps.model.NavigatorApp;
+import com.mogo.module.apps.model.NavigatorApps;
 import com.mogo.module.apps.utils.CardScaleTransformer;
 import com.mogo.module.common.MogoModulePaths;
 import com.mogo.service.MogoServicePaths;
@@ -24,6 +29,7 @@ import com.mogo.utils.logger.Logger;
 import com.yarolegovich.discretescrollview.DiscreteScrollView;
 import java.util.ArrayList;
 import java.util.HashMap;
+import java.util.List;
 import java.util.Map;
 
 /**
@@ -33,14 +39,15 @@ import java.util.Map;
  * 描述
  */
 public class AppNavigatorFragment extends MvpFragment<AppNavigatorView, AppNavigatorPresenter>
-    implements AppNavigatorView, DiscreteScrollView.OnItemChangedListener<RecyclerView.ViewHolder>,
-    DiscreteScrollView.ScrollStateChangeListener<RecyclerView.ViewHolder>,
+    implements AppNavigatorView, DiscreteScrollView.OnItemChangedListener<RecycleViewHolder>,
+    DiscreteScrollView.ScrollStateChangeListener<RecycleViewHolder>,
     IMogoCardChangedListener {
 
     private static final String TAG = "AppNavigatorFragment";
     private View mApps;
 
     private IMogoFragmentManager mMogoFragmentManager;
+    List<NavigatorApp> apps;
 
     /**
      * 搜索莫模块
@@ -67,6 +74,9 @@ public class AppNavigatorFragment extends MvpFragment<AppNavigatorView, AppNavig
         mApps = findViewById(R.id.module_apps_id_apps);
 
         scroller = findViewById(R.id.module_apps_id_scroller);
+
+        scroller.setRatio(330/523F);
+        //scroller.setRatio(176/279F);
         scroller.setSlideOnFling(true);
         scroller.addOnItemChangedListener(this);
         scroller.addScrollStateChangeListener(this);
@@ -74,23 +84,10 @@ public class AppNavigatorFragment extends MvpFragment<AppNavigatorView, AppNavig
         scroller.setItemTransformer(new CardScaleTransformer.Builder()
             .setMinScale(0.84f)
             .build());
-        //
-        //
-        //LinearLayoutManager linearLayoutManager =
-        //    new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false);
-        //
-        //scroller.setLayoutManager(linearLayoutManager);
 
-        ArrayList<Integer> integers = new ArrayList<>(10);
+        apps = NavigatorApps.getApps();
 
-        integers.add(R.drawable.module_apps_ic_online_car);
-        integers.add(R.drawable.module_apps_ic_interest);
-        integers.add(R.drawable.module_apps_ic_news);
-        integers.add(R.drawable.module_apps_ic_media_center);
-        integers.add(R.drawable.module_apps_ic_chat);
-        integers.add(R.drawable.module_apps_ic_tanlu);
-
-        AppIndicatorAdapter appIndicatorAdapter = new AppIndicatorAdapter(getContext(), integers);
+        AppIndicatorAdapter appIndicatorAdapter = new AppIndicatorAdapter(getContext(), apps);
         scroller.setAdapter(appIndicatorAdapter);
         scroller.scrollToPosition(Integer.MAX_VALUE / 2 - 1);
         //mNavigation.setOnClickListener( view -> {
@@ -178,27 +175,45 @@ public class AppNavigatorFragment extends MvpFragment<AppNavigatorView, AppNavig
     }
 
     @Override
-    public void onCurrentItemChanged(@Nullable RecyclerView.ViewHolder viewHolder, int i) {
+    public void onCurrentItemChanged(@Nullable RecycleViewHolder viewHolder, int i) {
         Logger.d(TAG, "onCurrentItemChanged--position--" + i % CARD_SIZE);
         int currentPosition = i % CARD_SIZE - 2;
         if (currentPosition < 0) {
             currentPosition += CARD_SIZE;
         }
         this.currentPosition=currentPosition;
-        AppServiceHandler.getMogoCardManager().invoke(currentPosition, "");
-    }
+        AppServiceHandler.getMogoCardManager().switch2(apps.get(i % CARD_SIZE).mModuleType);
 
-    @Override public void onScrollStart(@NonNull RecyclerView.ViewHolder viewHolder, int i) {
+        //holder.showText();
+
+        //ImageView view = viewHolder.getView(R.id.module_apps_id_app_icon);
+        //view.setImageResource(apps.get(currentPosition).getmIconId());
+        //
+        //TextView tvTitle = viewHolder.getView(R.id.module_apps_id_app_name);
+        //tvTitle.setTextColor(getResources().getColor(R.color.white));
 
     }
 
-    @Override public void onScrollEnd(@NonNull RecyclerView.ViewHolder viewHolder, int i) {
+    @Override public void onScrollStart(@NonNull RecycleViewHolder viewHolder, int i) {
+        int currentPosition = i % CARD_SIZE - 2;
+        //
+        //ImageView view = viewHolder.getView(R.id.module_apps_id_app_icon);
+        //
+        //
+        //view.setImageResource(apps.get(currentPosition).mUncheckedIconId);
+        //TextView tvTitle = viewHolder.getView(R.id.module_apps_id_app_name);
+        //tvTitle.setTextColor(getResources().getColor(R.color.white_80));
+
+
+    }
+
+    @Override public void onScrollEnd(@NonNull RecycleViewHolder viewHolder, int i) {
 
     }
 
     @Override
-    public void onScroll(float v, int i, int i1, @Nullable RecyclerView.ViewHolder viewHolder,
-        @Nullable RecyclerView.ViewHolder t1) {
+    public void onScroll(float v, int i, int i1, @Nullable RecycleViewHolder viewHolder,
+        @Nullable RecycleViewHolder t1) {
 
     }
 
diff --git a/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/adapter/AppIndicatorAdapter.java b/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/adapter/AppIndicatorAdapter.java
index 5a630047a9..5765421a84 100644
--- a/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/adapter/AppIndicatorAdapter.java
+++ b/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/adapter/AppIndicatorAdapter.java
@@ -6,17 +6,18 @@ import android.widget.ImageView;
 import com.mogo.module.apps.R;
 import com.mogo.module.apps.adapter.base.RecycleBaseAdapter;
 import com.mogo.module.apps.adapter.base.RecycleViewHolder;
+import com.mogo.module.apps.model.NavigatorApp;
 import java.util.List;
 
 /**
  * @author zyz
  * 2020-03-09.
  */
-public class AppIndicatorAdapter extends RecycleBaseAdapter<Integer> {
+public class AppIndicatorAdapter extends RecycleBaseAdapter<NavigatorApp> {
     /**
      *
      */
-    public AppIndicatorAdapter(Context context, List<Integer> list
+    public AppIndicatorAdapter(Context context, List<NavigatorApp> list
         ) {
         super(context, list, R.layout.module_apps_item_app_indicator);
     }
@@ -25,10 +26,9 @@ public class AppIndicatorAdapter extends RecycleBaseAdapter<Integer> {
         return Integer.MAX_VALUE;
     }
 
-    @Override public void onBindViewHolder(RecycleViewHolder holder, Integer integer) {
+    @Override public void onBindViewHolder(RecycleViewHolder holder, NavigatorApp integer) {
         ImageView ivIndicator = holder.getView(R.id.module_apps_id_app_icon);
-        ivIndicator.setImageResource(integer);
-        holder.setText(R.id.module_apps_id_app_name,names[holder.getLayoutPosition()%6] );
+        ivIndicator.setImageResource(integer.getmIconId());
+        holder.setText(R.id.module_apps_id_app_name,integer.getmName() );
     }
-    private String[] names=new String[]{"在线车辆","新鲜事","首页","媒体中心","车聊聊","探路"};
 }
diff --git a/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/model/NavigatorApp.java b/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/model/NavigatorApp.java
new file mode 100644
index 0000000000..d5f7df5b9b
--- /dev/null
+++ b/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/model/NavigatorApp.java
@@ -0,0 +1,58 @@
+package com.mogo.module.apps.model;
+
+import androidx.annotation.DrawableRes;
+
+/**
+ * @author congtaowang
+ * @since 2020-03-13
+ * <p>
+ * app
+ */
+public class NavigatorApp {
+
+    @DrawableRes
+    public int mIconId;
+    @DrawableRes
+    public int mUncheckedIconId;
+    public String mName;
+    public String mModuleType;
+
+    public NavigatorApp( int mIconId,int mUncheckedIconId, String mName, String mModuleType ) {
+        this.mIconId = mIconId;
+        this.mUncheckedIconId = mUncheckedIconId;
+        this.mName = mName;
+        this.mModuleType = mModuleType;
+    }
+
+    public int getmIconId() {
+        return mIconId;
+    }
+
+    public void setmIconId(int mIconId) {
+        this.mIconId = mIconId;
+    }
+
+    public int getmUncheckedIconId() {
+        return mUncheckedIconId;
+    }
+
+    public void setmUncheckedIconId(int mUncheckedIconId) {
+        this.mUncheckedIconId = mUncheckedIconId;
+    }
+
+    public String getmName() {
+        return mName;
+    }
+
+    public void setmName(String mName) {
+        this.mName = mName;
+    }
+
+    public String getmModuleType() {
+        return mModuleType;
+    }
+
+    public void setmModuleType(String mModuleType) {
+        this.mModuleType = mModuleType;
+    }
+}
diff --git a/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/model/NavigatorApps.java b/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/model/NavigatorApps.java
new file mode 100644
index 0000000000..1f0f3d61af
--- /dev/null
+++ b/modules/mogo-module-apps/src/main/java/com/mogo/module/apps/model/NavigatorApps.java
@@ -0,0 +1,34 @@
+package com.mogo.module.apps.model;
+
+import com.mogo.module.apps.R;
+import com.mogo.module.common.ModuleNames;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * @author congtaowang
+ * @since 2020-03-13
+ * <p>
+ * app
+ */
+public class NavigatorApps {
+
+        //integers.add(R.drawable.module_apps_ic_online_car);
+        //integers.add(R.drawable.module_apps_ic_interest);
+        //integers.add(R.drawable.module_apps_ic_news);
+        //integers.add(R.drawable.module_apps_ic_media_center);
+        //integers.add(R.drawable.module_apps_ic_chat_icon);
+        //integers.add(R.drawable.module_apps_ic_tanlu);
+
+    public static List< NavigatorApp > getApps() {
+        List< NavigatorApp > apps = new ArrayList<>();
+        apps.add( new NavigatorApp( R.drawable.module_apps_ic_online_car,R.drawable.module_apps_ic_online_car_unchecked, "在线车辆", ModuleNames.CARD_TYPE_USER_DATA ) );
+        apps.add( new NavigatorApp( R.drawable.module_apps_ic_interest, R.drawable.module_apps_ic_interest_unchecked,"新鲜事", ModuleNames.CARD_TYPE_NOVELTY ) );
+        apps.add( new NavigatorApp( R.drawable.module_apps_ic_news,R.drawable.module_apps_ic_news_unchecked, "首页", ModuleNames.CARD_TYPE_BUSINESS_OPERATION ) );
+        apps.add( new NavigatorApp( R.drawable.module_apps_ic_media_center, R.drawable.module_apps_ic_media_center_checked, "媒体中心", ModuleNames.CARD_TYPE_SHARE_MUSIC ) );
+        apps.add( new NavigatorApp( R.drawable.module_apps_ic_chat_icon, R.drawable.module_apps_ic_chat_unchecked,"车聊聊", ModuleNames.CARD_TYPE_CARS_CHATTING ) );
+        apps.add( new NavigatorApp( R.drawable.module_apps_ic_tanlu, R.drawable.module_apps_ic_tanlu_unchecked,"探路", ModuleNames.CARD_TYPE_ROAD_CONDITION ) );
+        return apps;
+    }
+}
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_apps.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_apps.png
new file mode 100755
index 0000000000..a56017fd57
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_apps.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_chat.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_chat.png
new file mode 100755
index 0000000000..d099b857d9
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_chat.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_chat_unchecked.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_chat_unchecked.png
new file mode 100755
index 0000000000..d76595c392
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_chat_unchecked.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_interest.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_interest.png
new file mode 100755
index 0000000000..d2fac8cf3a
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_interest.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_interest_unchecked.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_interest_unchecked.png
new file mode 100755
index 0000000000..c7d89c68ad
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_interest_unchecked.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_media_center.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_media_center.png
index 193b206235..044ceb0683 100755
Binary files a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_media_center.png and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_media_center.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_media_center_checked.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_media_center_checked.png
new file mode 100755
index 0000000000..fa1b977bfa
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_media_center_checked.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_news.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_news.png
new file mode 100755
index 0000000000..c86bcef363
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_news.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_news_unchecked.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_news_unchecked.png
new file mode 100755
index 0000000000..77343ff931
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_news_unchecked.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_online_car.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_online_car.png
new file mode 100755
index 0000000000..9922237c77
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_online_car.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_online_car_unchecked.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_online_car_unchecked.png
new file mode 100755
index 0000000000..318e9535a0
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_online_car_unchecked.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_tanlu.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_tanlu.png
new file mode 100755
index 0000000000..32afef191d
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_tanlu.png differ
diff --git a/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_tanlu_unchecked.png b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_tanlu_unchecked.png
new file mode 100755
index 0000000000..4b451a1178
Binary files /dev/null and b/modules/mogo-module-apps/src/main/res/drawable-ldpi/module_apps_ic_tanlu_unchecked.png differ
diff --git a/modules/mogo-module-apps/src/main/res/layout/module_apps_fragment_apps_navigator.xml b/modules/mogo-module-apps/src/main/res/layout/module_apps_fragment_apps_navigator.xml
index 5c05b17a94..690abd63a9 100644
--- a/modules/mogo-module-apps/src/main/res/layout/module_apps_fragment_apps_navigator.xml
+++ b/modules/mogo-module-apps/src/main/res/layout/module_apps_fragment_apps_navigator.xml
@@ -9,7 +9,7 @@
 
   <com.yarolegovich.discretescrollview.DiscreteScrollView
       android:id="@+id/module_apps_id_scroller"
-      android:layout_width="@dimen/dp_523"
+      android:layout_width="@dimen/apps_id_scroller_width"
       app:layout_constraintBottom_toBottomOf="parent"
       app:layout_constraintLeft_toLeftOf="parent"
       android:layout_height="@dimen/module_apps_navigation_icon_container_height"
@@ -21,7 +21,7 @@
   <ImageView
       android:id="@+id/module_apps_id_apps"
       android:layout_width="@dimen/module_apps_navigation_icon_width"
-      android:layout_marginTop="@dimen/dp_18"
+      android:layout_marginTop="@dimen/apps_margin_top"
       android:layout_height="@dimen/module_apps_navigation_icon_height"
       app:layout_constraintLeft_toRightOf="@id/module_apps_id_scroller"
       app:layout_constraintTop_toTopOf="@id/module_apps_id_scroller"
@@ -31,15 +31,15 @@
   <TextView
       android:layout_width="wrap_content"
       android:gravity="center"
-      android:layout_marginLeft="@dimen/dp_37"
+      android:layout_marginLeft="@dimen/apps_margin_left"
       app:layout_constraintLeft_toRightOf="@id/module_apps_id_scroller"
       app:layout_constraintTop_toBottomOf="@id/module_apps_id_apps"
       android:layout_height="wrap_content"
       android:text="全部应用"
       android:maxLines="1"
-      android:layout_marginTop="24px"
+      android:layout_marginTop="@dimen/dp_24"
       android:textColor="#FFFFFFFF"
-      android:textSize="26.25px"
+      android:textSize="@dimen/dp_26"
       />
 
 
diff --git a/modules/mogo-module-apps/src/main/res/values-ldpi/dimens.xml b/modules/mogo-module-apps/src/main/res/values-ldpi/dimens.xml
index aacb251631..31de4c9293 100644
--- a/modules/mogo-module-apps/src/main/res/values-ldpi/dimens.xml
+++ b/modules/mogo-module-apps/src/main/res/values-ldpi/dimens.xml
@@ -5,13 +5,18 @@
     <dimen name="module_apps_indicator_width">16px</dimen>
     <dimen name="module_apps_indicator_interval">2.3px</dimen>
     <dimen name="module_apps_indicator_marginBottom">54.9px</dimen>
-    <dimen name="module_apps_navigation_icon_width">64px</dimen>
-    <dimen name="module_apps_navigation_icon_height">64px</dimen>
-    <dimen name="module_apps_navigation_icon_marginLeft">31.6px</dimen>
+    <dimen name="module_apps_navigation_icon_width">50px</dimen>
+    <dimen name="module_apps_navigation_icon_height">50px</dimen>
+    <dimen name="module_apps_navigation_icon_marginLeft">22px</dimen>
     <dimen name="module_apps_navigation_icon_paddingBottom">33px</dimen>
     <dimen name="module_apps_app_name_marginTop">24px</dimen>
     <dimen name="module_apps_app_name_textSize">18px</dimen>
     <dimen name="module_apps_page_paddingLeft">112px</dimen>
     <dimen name="module_apps_page_paddingRight">112px</dimen>
+    <dimen name="apps_id_scroller_width">279px</dimen>
     <dimen name="module_apps_page_item_verticalSpacing">89px</dimen>
+    <dimen name="module_apps_navigation_icon_container_height">95px</dimen>
+    <dimen name="apps_margin_top">9.5px</dimen>
+    <dimen name="apps_margin_left">18px</dimen>
+
 </resources>
\ No newline at end of file
diff --git a/modules/mogo-module-apps/src/main/res/values/colors.xml b/modules/mogo-module-apps/src/main/res/values/colors.xml
new file mode 100644
index 0000000000..6fb34a3513
--- /dev/null
+++ b/modules/mogo-module-apps/src/main/res/values/colors.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="colorPrimary">#008577</color>
+    <color name="colorPrimaryDark">#00574B</color>
+    <color name="colorAccent">#D81B60</color>
+    <color name="bg_gray_common_page">#ff080625</color>
+    <color name="white">#FFFFFF</color>
+    <color name="translate">#00000000</color>
+    <color name="white_10">#1AFFFFFF</color>
+    <color name="white_60">#99FFFFFF</color>
+    <color name="white_80">#CCFFFFFF</color>
+    <color name="white_7f">#7FFFFFFF</color>
+    <color name="arrow_color">#00BFFF</color>
+    <color name="white_30">#4DFFFFFF</color>
+    <color name="txt_gray_day">#4D080625</color>
+
+    <color name="bg_common">#080625</color>
+    <color name="txt_blue">#3E7FFC</color>
+
+</resources>
diff --git a/modules/mogo-module-apps/src/main/res/values/dimens.xml b/modules/mogo-module-apps/src/main/res/values/dimens.xml
index f3a1d89594..db48b6e2d3 100644
--- a/modules/mogo-module-apps/src/main/res/values/dimens.xml
+++ b/modules/mogo-module-apps/src/main/res/values/dimens.xml
@@ -15,4 +15,7 @@
     <dimen name="module_apps_page_paddingRight">220px</dimen>
     <dimen name="module_apps_page_item_verticalSpacing">154px</dimen>
   <dimen name="module_apps_navigation_icon_container_height">174px</dimen>
+    <dimen name="apps_id_scroller_width">523px</dimen>
+    <dimen name="apps_margin_top">18px</dimen>
+    <dimen name="apps_margin_left">37px</dimen>
 </resources>
\ No newline at end of file
diff --git a/modules/mogo-module-common/src/main/java/com/yarolegovich/discretescrollview/DiscreteScrollLayoutManager.java b/modules/mogo-module-common/src/main/java/com/yarolegovich/discretescrollview/DiscreteScrollLayoutManager.java
index c9eff5c832..edb47a8804 100644
--- a/modules/mogo-module-common/src/main/java/com/yarolegovich/discretescrollview/DiscreteScrollLayoutManager.java
+++ b/modules/mogo-module-common/src/main/java/com/yarolegovich/discretescrollview/DiscreteScrollLayoutManager.java
@@ -71,6 +71,8 @@ class DiscreteScrollLayoutManager extends LinearLayoutManager {
 
     private int viewWidth, viewHeight;
 
+    private float ratio=0.5F;
+
     @NonNull
     private final ScrollStateListener scrollStateListener;
     private DiscreteScrollItemTransformer itemTransformer;
@@ -136,6 +138,10 @@ class DiscreteScrollLayoutManager extends LinearLayoutManager {
         }
     }
 
+    public void setRatio(float ratio) {
+        this.ratio = ratio;
+    }
+
     @Override
     public void onLayoutCompleted(RecyclerView.State state) {
         if (isFirstOrEmptyLayout) {
@@ -175,7 +181,7 @@ class DiscreteScrollLayoutManager extends LinearLayoutManager {
             recyclerViewProxy.removeAllViews();
         }
         recyclerCenter.set(
-                recyclerViewProxy.getWidth() / 523*330,
+            (int) (recyclerViewProxy.getWidth() * ratio),
                 recyclerViewProxy.getHeight() / 2);
     }
 
diff --git a/modules/mogo-module-common/src/main/java/com/yarolegovich/discretescrollview/DiscreteScrollView.java b/modules/mogo-module-common/src/main/java/com/yarolegovich/discretescrollview/DiscreteScrollView.java
index 92ed360d9d..8ba378af4f 100644
--- a/modules/mogo-module-common/src/main/java/com/yarolegovich/discretescrollview/DiscreteScrollView.java
+++ b/modules/mogo-module-common/src/main/java/com/yarolegovich/discretescrollview/DiscreteScrollView.java
@@ -67,6 +67,10 @@ public class DiscreteScrollView extends RecyclerView {
         setLayoutManager(layoutManager);
     }
 
+    public void setRatio(float ratio){
+        layoutManager.setRatio(ratio);
+    }
+
     @Override
     public void setLayoutManager(LayoutManager layout) {
         if (layout instanceof DiscreteScrollLayoutManager) {
diff --git a/modules/mogo-module-common/src/main/res/values-ldpi/dimens.xml b/modules/mogo-module-common/src/main/res/values-ldpi/dimens.xml
index 86faec4c01..111cf6ee25 100644
--- a/modules/mogo-module-common/src/main/res/values-ldpi/dimens.xml
+++ b/modules/mogo-module-common/src/main/res/values-ldpi/dimens.xml
@@ -42,7 +42,7 @@
 	<dimen name="dp_23">12.5781px</dimen>
 	<dimen name="dp_24">13.1250px</dimen>
 	<dimen name="dp_25">13.6719px</dimen>
-	<dimen name="dp_26">14.2188px</dimen>
+	<dimen name="dp_26">14px</dimen>
 	<dimen name="dp_27">14.7656px</dimen>
 	<dimen name="dp_28">15.3125px</dimen>
 	<dimen name="dp_29">15.8594px</dimen>
diff --git a/modules/mogo-module-main/src/main/java/com/mogo/module/main/cards/OrientedViewPager.java b/modules/mogo-module-main/src/main/java/com/mogo/module/main/cards/OrientedViewPager.java
index bcded6cb02..35680f3336 100644
--- a/modules/mogo-module-main/src/main/java/com/mogo/module/main/cards/OrientedViewPager.java
+++ b/modules/mogo-module-main/src/main/java/com/mogo/module/main/cards/OrientedViewPager.java
@@ -1946,14 +1946,14 @@ public class OrientedViewPager extends ViewGroup {
                         Log.v(TAG, "Moved x to " + x + "," + y + " diff=" + xDiff + "," + yDiff);
                     }
 
-                    if (dx != 0 && !isGutterDrag(mLastMotionX, dx) &&
-                            canScroll(this, false, (int) dx, (int) x, (int) y)) {
-                        // Nested view has scrollable area under this point. Let it be handled there.
-                        mLastMotionX = x;
-                        mLastMotionY = y;
-                        mIsUnableToDrag = true;
-                        return false;
-                    }
+                    //if (dx != 0 && !isGutterDrag(mLastMotionX, dx) &&
+                    //        canScroll(this, false, (int) dx, (int) x, (int) y)) {
+                    //    // Nested view has scrollable area under this point. Let it be handled there.
+                    //    mLastMotionX = x;
+                    //    mLastMotionY = y;
+                    //    mIsUnableToDrag = true;
+                    //    return false;
+                    //}
                     if (xDiff > mTouchSlop && xDiff * 0.5f > yDiff) {
                         if (DEBUG) Log.v(TAG, "Starting drag!");
                         mIsBeingDragged = true;
diff --git a/modules/mogo-module-main/src/main/res/drawable-ldpi/module_apps_bg_card.png b/modules/mogo-module-main/src/main/res/drawable-ldpi/module_apps_bg_card.png
new file mode 100755
index 0000000000..3e68a54a4a
Binary files /dev/null and b/modules/mogo-module-main/src/main/res/drawable-ldpi/module_apps_bg_card.png differ
diff --git a/modules/mogo-module-main/src/main/res/drawable-ldpi/module_main_card_cover_up_bottom.png b/modules/mogo-module-main/src/main/res/drawable-ldpi/module_main_card_cover_up_bottom.png
new file mode 100644
index 0000000000..84957fe291
Binary files /dev/null and b/modules/mogo-module-main/src/main/res/drawable-ldpi/module_main_card_cover_up_bottom.png differ
diff --git a/modules/mogo-module-main/src/main/res/drawable-xhdpi/module_main_card_cover_up_bottom.png b/modules/mogo-module-main/src/main/res/drawable-xhdpi/module_main_card_cover_up_bottom.png
new file mode 100644
index 0000000000..e15483dbfb
Binary files /dev/null and b/modules/mogo-module-main/src/main/res/drawable-xhdpi/module_main_card_cover_up_bottom.png differ
diff --git a/modules/mogo-module-main/src/main/res/drawable/module_main_card_cover_up_bottom.png b/modules/mogo-module-main/src/main/res/drawable/module_main_card_cover_up_bottom.png
deleted file mode 100644
index 09b0022e6d..0000000000
Binary files a/modules/mogo-module-main/src/main/res/drawable/module_main_card_cover_up_bottom.png and /dev/null differ
diff --git a/modules/mogo-module-main/src/main/res/layout/module_main_activity_main.xml b/modules/mogo-module-main/src/main/res/layout/module_main_activity_main.xml
index c03383b847..af5cf88311 100644
--- a/modules/mogo-module-main/src/main/res/layout/module_main_activity_main.xml
+++ b/modules/mogo-module-main/src/main/res/layout/module_main_activity_main.xml
@@ -46,7 +46,7 @@
             android:layout_width="match_parent"
             android:layout_marginLeft="@dimen/dp_30"
             android:layout_marginRight="@dimen/dp_30"
-            android:layout_height="@dimen/dp_600"
+            android:layout_height="@dimen/cards_container_dp_600"
             android:clipToPadding="false"
             android:overScrollMode="never" />
 
@@ -62,7 +62,7 @@
             android:id="@+id/module_main_id_card_cover_up_bottom"
             android:layout_width="match_parent"
             android:layout_height="@dimen/dp_26"
-            android:layout_marginTop="@dimen/dp_600"
+            android:layout_marginTop="@dimen/cards_container_dp_600"
             android:layout_marginLeft="@dimen/dp_64"
             android:layout_marginRight="@dimen/dp_64"
             android:background="@drawable/module_main_card_cover_up_bottom"
diff --git a/modules/mogo-module-main/src/main/res/values-ldpi/dimens.xml b/modules/mogo-module-main/src/main/res/values-ldpi/dimens.xml
index f89dff3f4e..aaf70a0598 100644
--- a/modules/mogo-module-main/src/main/res/values-ldpi/dimens.xml
+++ b/modules/mogo-module-main/src/main/res/values-ldpi/dimens.xml
@@ -12,4 +12,7 @@
     <dimen name="module_main_card_card_shadow_height_div">10px</dimen>
     <dimen name="module_main_top_shadow_height">144px</dimen>
     <dimen name="module_main_card_cover_up_margin">352px</dimen>
+
+    <dimen name="cards_container_dp_600">320px</dimen>
+
 </resources>
\ No newline at end of file
diff --git a/modules/mogo-module-main/src/main/res/values-xhdpi/dimens.xml b/modules/mogo-module-main/src/main/res/values-xhdpi/dimens.xml
index cb915f082e..420c9126b7 100644
--- a/modules/mogo-module-main/src/main/res/values-xhdpi/dimens.xml
+++ b/modules/mogo-module-main/src/main/res/values-xhdpi/dimens.xml
@@ -12,4 +12,6 @@
     <dimen name="module_main_card_card_shadow_height_div">15px</dimen>
     <dimen name="module_main_top_shadow_height">270px</dimen>
     <dimen name="module_main_card_cover_up_margin">660px</dimen>
+    <dimen name="cards_container_dp_600">600px</dimen>
+
 </resources>
\ No newline at end of file