From 373864ba465a58a427b14e3045837f9418ae92b6 Mon Sep 17 00:00:00 2001
From: Teo Baranga <teobaranga@users.noreply.github.com>
Date: Tue, 15 Aug 2023 10:57:09 +0100
Subject: [PATCH] fix: episode indicator wrapping on second line (#468)

Fixes #445

The episode indicator background was constrained to a 24dp box. If this box could not contain the count, then the count would wrap onto a new line.

The proposed solution is to use a rounded rectangle as the background instead. This can then expand into a chip as needed to accommodate larger numbers without wrapping.
---
 app/phone/src/main/res/layout/base_item.xml         | 8 +++++---
 core/src/main/res/drawable/bg_rounded_rect_12dp.xml | 6 ++++++
 2 files changed, 11 insertions(+), 3 deletions(-)
 create mode 100644 core/src/main/res/drawable/bg_rounded_rect_12dp.xml

diff --git a/app/phone/src/main/res/layout/base_item.xml b/app/phone/src/main/res/layout/base_item.xml
index cbd5dcf5..1b76e9a7 100644
--- a/app/phone/src/main/res/layout/base_item.xml
+++ b/app/phone/src/main/res/layout/base_item.xml
@@ -59,11 +59,13 @@
 
         <TextView
             android:id="@+id/item_count"
-            android:layout_width="24dp"
+            android:layout_width="wrap_content"
             android:layout_height="24dp"
             android:layout_marginStart="8dp"
-            android:background="@drawable/circle_background"
+            android:background="@drawable/bg_rounded_rect_12dp"
             android:gravity="center"
+            android:minWidth="24dp"
+            android:paddingHorizontal="8dp"
             android:textAppearance="@style/TextAppearance.Material3.BodySmall"
             android:textColor="?attr/colorOnPrimary"
             app:layout_constraintEnd_toEndOf="parent"
@@ -85,4 +87,4 @@
 
     </LinearLayout>
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+</androidx.constraintlayout.widget.ConstraintLayout>
diff --git a/core/src/main/res/drawable/bg_rounded_rect_12dp.xml b/core/src/main/res/drawable/bg_rounded_rect_12dp.xml
new file mode 100644
index 00000000..01e6e589
--- /dev/null
+++ b/core/src/main/res/drawable/bg_rounded_rect_12dp.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <corners android:radius="12dp" />
+    <solid android:color="?attr/colorPrimary" />
+</shape>