Make prediction bar horizontal margin device-specific

Author: ricknout

Diff for: prediction/src/main/res/layout/view_prediction_bar.xml

@@ -10,7 +10,9 @@
     <com.google.android.material.card.MaterialCardView
         android:layout_width="match_parent"
         android:layout_height="@dimen/height_prediction_bar"
-        android:layout_margin="@dimen/spacing_double"
+        android:layout_marginBottom="@dimen/spacing_double"
+        android:layout_marginStart="@dimen/margin_horizontal_prediction_bar"
+        android:layout_marginEnd="@dimen/margin_horizontal_prediction_bar"
         app:cardBackgroundColor="?attr/colorSecondary"
         app:shapeAppearance="?attr/shapeAppearanceLargeComponent"
         app:strokeWidth="0dp">

Diff for: prediction/src/main/res/values-w1024dp/dimens.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!-- Match card padding + 8dp -->
+    <dimen name="margin_horizontal_prediction_bar">152dp</dimen>
+
+</resources>

Diff for: prediction/src/main/res/values-w600dp/dimens.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!-- Match card padding + 8dp -->
+    <dimen name="margin_horizontal_prediction_bar">104dp</dimen>
+
+</resources>

Diff for: prediction/src/main/res/values-w960dp/dimens.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!-- Match card padding + 8dp -->
+    <dimen name="margin_horizontal_prediction_bar">120dp</dimen>
+
+</resources>

Diff for: prediction/src/main/res/values/dimens.xml

@@ -1,6 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
 
+    <!-- Match card padding + 8dp -->
+    <dimen name="margin_horizontal_prediction_bar">@dimen/spacing_standard</dimen>
+
     <dimen name="size_add_prediction_button">32dp</dimen>
 
     <dimen name="width_points">96dp</dimen>