From 13a2ccac2c1258c2de6ff9ef8e97b1121f7b7b26 Mon Sep 17 00:00:00 2001
From: Gilbert Kimutai <gilbertkimutai@gmail.com>
Date: Mon, 8 Apr 2019 04:28:33 +0300
Subject: [PATCH] Further formatting of UI to fit longer images with white
 background

---
 app/src/main/res/layout/content_product.xml      |  2 +-
 .../main/res/layout/single_home_product_item.xml | 16 ++++++++--------
 app/src/main/res/layout/single_product_image.xml |  4 +++-
 app/src/main/res/layout/single_product_item.xml  |  8 +++++---
 4 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/app/src/main/res/layout/content_product.xml b/app/src/main/res/layout/content_product.xml
index 2b049e6..4730ed8 100644
--- a/app/src/main/res/layout/content_product.xml
+++ b/app/src/main/res/layout/content_product.xml
@@ -19,7 +19,7 @@
 
 	<FrameLayout
 	  android:layout_width="match_parent"
-	  android:layout_height="400dp"
+	  android:layout_height="320dp"
 	  android:layout_marginBottom="16dp"
 	  android:layout_marginTop="16dp"
 
diff --git a/app/src/main/res/layout/single_home_product_item.xml b/app/src/main/res/layout/single_home_product_item.xml
index 9870d5b..725eb97 100644
--- a/app/src/main/res/layout/single_home_product_item.xml
+++ b/app/src/main/res/layout/single_home_product_item.xml
@@ -15,14 +15,15 @@
   <FrameLayout
 	android:layout_width="match_parent"
 	android:layout_height="180dp"
-	android:layout_marginTop="8dp"
+	android:padding="16dp"
+	android:background="#ffffff"
 	>
 
 	<ImageView
 	  android:id="@+id/ivImage"
 	  android:layout_width="match_parent"
 	  android:layout_height="match_parent"
-	  android:scaleType="center"
+	  android:scaleType="fitCenter"
 	  />
 
 	<TextView
@@ -45,12 +46,12 @@
 	android:layout_width="wrap_content"
 	android:layout_height="wrap_content"
 	android:layout_marginLeft="16dp"
-	android:layout_marginTop="16dp"
+	android:layout_marginTop="0dp"
 	android:layout_marginRight="16dp"
 	android:gravity="left"
 	android:lines="2"
 	android:textColor="@color/text"
-	android:textSize="18sp"/>
+	android:textSize="16sp"/>
 
   <TextView
 	android:id="@+id/tvDescription"
@@ -61,7 +62,6 @@
 	android:layout_marginTop="8dp"
 	android:layout_marginRight="16dp"
 	android:gravity="left"
-	android:maxLines="2"
 	android:lines="2"
 	android:lineSpacingMultiplier="1.2"
 	android:textColor="@color/text_black_5"
@@ -69,7 +69,7 @@
 
   <TextView
 	android:id="@+id/tvCallToAction"
-	fontPath="@string/font_regular"
+	fontPath="@string/font_medium"
 	android:layout_width="wrap_content"
 	android:layout_height="wrap_content"
 	android:layout_gravity="right"
@@ -77,8 +77,8 @@
 	android:layout_marginBottom="0dp"
 	android:gravity="left"
 	android:padding="16dp"
-	android:textColor="#1c5c9a"
-	android:textSize="14sp"/>
+	android:textColor="@color/colorPrimary"
+	android:textSize="16sp"/>
 
 
 </LinearLayout>
diff --git a/app/src/main/res/layout/single_product_image.xml b/app/src/main/res/layout/single_product_image.xml
index ec29329..e23ac29 100644
--- a/app/src/main/res/layout/single_product_image.xml
+++ b/app/src/main/res/layout/single_product_image.xml
@@ -3,5 +3,7 @@
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
+  android:padding="32dp"
+  android:background="#ffffff"
   android:id="@+id/ivImage"
-  android:scaleType="centerCrop"/>
\ No newline at end of file
+  android:scaleType="center"/>
\ No newline at end of file
diff --git a/app/src/main/res/layout/single_product_item.xml b/app/src/main/res/layout/single_product_item.xml
index 339193c..9910c78 100644
--- a/app/src/main/res/layout/single_product_item.xml
+++ b/app/src/main/res/layout/single_product_item.xml
@@ -14,13 +14,15 @@
 
   <FrameLayout
 	android:layout_width="match_parent"
-	android:layout_height="280dp">
+	android:layout_height="200dp">
 
 	<ImageView
 	  android:id="@+id/ivImage"
 	  android:layout_width="match_parent"
 	  android:layout_height="match_parent"
-	  android:scaleType="centerCrop"
+	  android:scaleType="center"
+	  android:padding="16dp"
+	  android:background="#ffffff"
 	  />
 
 	<TextView
@@ -48,7 +50,7 @@
 	android:gravity="left"
 	android:lines="2"
 	android:textColor="@color/text"
-	android:textSize="18sp"/>
+	android:textSize="16sp"/>
 
   <TextView
 	android:id="@+id/tvDescription"