Minamp 1.6: adjustable UI size, larger text and controls

- New setting "Text and button size" (Normal / Large / Extra large): scales
  text, icons and buttons on top of the phone's density (App.UI_SCALES)
- Larger default text, rows, tiles, touch targets and player icons; all sizes
  now live in res/values/dimens.xml
- Seek bar knob drawn in code, since Android 2.x caches XML shapes at the
  size they were first loaded
- Full-width buttons wrap to two lines instead of cutting words off
- Shorter labels so they fit 240x320 screens in both languages
- tools/check_fit.py checks that UI texts fit their slots at every size and
  language using Droid Sans metrics; build.sh runs it and setup_toolchain.sh
  fetches the font

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

res/layout/activity_home.xml

@@ -9,7 +9,7 @@
     <LinearLayout
         android:id="@+id/tabs"
         android:layout_width="match_parent"
-        android:layout_height="32dp"
+        android:layout_height="@dimen/tabs"
         android:orientation="horizontal">
         <TextView android:id="@+id/tab_home" style="@style/Tab" android:text="@string/tab_home" />
         <TextView android:id="@+id/tab_artists" style="@style/Tab" android:text="@string/tab_artists" />
@@ -20,7 +20,7 @@
     <View
         android:id="@+id/tab_line"
         android:layout_width="80dp"
-        android:layout_height="2dp"
+        android:layout_height="3dp"
         android:background="@color/accent" />
 
     <FrameLayout

res/layout/activity_now_playing.xml

@@ -7,7 +7,7 @@
 
     <LinearLayout
         android:layout_width="match_parent"
-        android:layout_height="44dp"
+        android:layout_height="@dimen/np_topbar"
         android:orientation="horizontal"
         android:gravity="center_vertical"
         android:paddingLeft="2dp"
@@ -17,11 +17,11 @@
             android:layout_width="0dp" android:layout_height="wrap_content"
             android:layout_weight="1" android:orientation="vertical" android:gravity="center">
             <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
-                android:text="@string/playing_from" android:textSize="9sp" android:textStyle="bold"
-                android:textColor="@color/text2" />
+                android:text="@string/playing_from" android:textSize="@dimen/text_tiny" android:textStyle="bold"
+                android:textColor="@color/text2" android:singleLine="true" />
             <TextView android:id="@+id/np_from" style="@style/Sub"
                 android:layout_width="wrap_content" android:layout_height="wrap_content"
-                android:textColor="@color/text" android:textSize="12sp" />
+                android:textColor="@color/text" android:textSize="@dimen/text_sub" />
         </LinearLayout>
         <ImageButton android:id="@+id/np_queue" style="@style/IconButton" />
     </LinearLayout>
@@ -33,8 +33,8 @@
         android:layout_weight="1"
         android:paddingLeft="20dp"
         android:paddingRight="20dp"
-        android:paddingTop="4dp"
-        android:paddingBottom="6dp">
+        android:paddingTop="2dp"
+        android:paddingBottom="4dp">
         <com.minamp.SquareImageView
             android:id="@+id/np_art"
             android:layout_width="match_parent"
@@ -48,17 +48,17 @@
         android:layout_height="wrap_content"
         android:orientation="horizontal"
         android:gravity="center_vertical"
-        android:paddingLeft="18dp"
-        android:paddingRight="8dp">
+        android:paddingLeft="16dp"
+        android:paddingRight="4dp">
         <LinearLayout
             android:layout_width="0dp" android:layout_height="wrap_content"
             android:layout_weight="1" android:orientation="vertical">
             <TextView android:id="@+id/np_title" style="@style/Title"
                 android:layout_width="match_parent" android:layout_height="wrap_content"
-                android:textSize="18sp" />
+                android:textSize="@dimen/text_np_title" />
             <TextView android:id="@+id/np_sub" style="@style/Sub"
                 android:layout_width="match_parent" android:layout_height="wrap_content"
-                android:textSize="13sp" android:textColor="#CCFFFFFF" />
+                android:textSize="@dimen/text_np_sub" android:textColor="#CCFFFFFF" />
         </LinearLayout>
         <ImageButton android:id="@+id/np_love" style="@style/IconButton" />
     </LinearLayout>
@@ -68,13 +68,13 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:max="1000"
-        android:paddingLeft="18dp"
-        android:paddingRight="18dp"
-        android:paddingTop="8dp"
-        android:paddingBottom="4dp"
-        android:thumbOffset="7dp"
-        android:maxHeight="4dp"
-        android:minHeight="4dp"
+        android:paddingLeft="16dp"
+        android:paddingRight="16dp"
+        android:paddingTop="6dp"
+        android:paddingBottom="2dp"
+        android:thumbOffset="10dp"
+        android:maxHeight="@dimen/seek_track"
+        android:minHeight="@dimen/seek_track"
         android:progressDrawable="@drawable/seek_progress"
         android:thumb="@drawable/seek_thumb" />
 
@@ -82,64 +82,70 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:orientation="horizontal"
-        android:paddingLeft="18dp"
-        android:paddingRight="18dp">
+        android:paddingLeft="16dp"
+        android:paddingRight="16dp">
         <TextView android:id="@+id/np_elapsed"
             android:layout_width="wrap_content" android:layout_height="wrap_content"
-            android:textSize="10sp" android:textColor="#B3FFFFFF" />
+            android:textSize="@dimen/text_tiny" android:textColor="#CCFFFFFF" />
         <TextView android:id="@+id/np_status"
             android:layout_width="0dp" android:layout_height="wrap_content"
             android:layout_weight="1" android:gravity="center"
-            android:textSize="10sp" android:textColor="#B3FFFFFF"
+            android:textSize="@dimen/text_tiny" android:textColor="#CCFFFFFF"
             android:singleLine="true" android:ellipsize="end"
             android:paddingLeft="4dp" android:paddingRight="4dp" />
         <TextView android:id="@+id/np_remaining"
             android:layout_width="wrap_content" android:layout_height="wrap_content"
-            android:textSize="10sp" android:textColor="#B3FFFFFF" />
+            android:textSize="@dimen/text_tiny" android:textColor="#CCFFFFFF" />
     </LinearLayout>
 
+    <!-- five equal cells: never wider than the screen, whatever the UI size -->
     <LinearLayout
         android:layout_width="match_parent"
-        android:layout_height="64dp"
-        android:orientation="horizontal"
-        android:gravity="center"
-        android:paddingLeft="6dp"
-        android:paddingRight="6dp">
-        <ImageButton android:id="@+id/np_shuffle" style="@style/IconButton" />
-        <View android:layout_width="0dp" android:layout_height="1dp" android:layout_weight="1" />
-        <ImageButton android:id="@+id/np_prev" style="@style/IconButton" android:layout_width="50dp" android:layout_height="50dp" />
-        <ImageButton android:id="@+id/np_play"
-            android:layout_width="58dp" android:layout_height="58dp"
-            android:layout_marginLeft="8dp" android:layout_marginRight="8dp"
-            android:background="@drawable/bg_play_circle" android:scaleType="center" />
-        <ImageButton android:id="@+id/np_next" style="@style/IconButton" android:layout_width="50dp" android:layout_height="50dp" />
-        <View android:layout_width="0dp" android:layout_height="1dp" android:layout_weight="1" />
-        <ImageButton android:id="@+id/np_repeat" style="@style/IconButton" />
-    </LinearLayout>
-
-    <LinearLayout
-        android:layout_width="match_parent"
-        android:layout_height="36dp"
+        android:layout_height="@dimen/np_controls"
         android:orientation="horizontal"
         android:gravity="center_vertical"
-        android:paddingLeft="12dp"
-        android:paddingRight="12dp"
-        android:layout_marginBottom="4dp">
+        android:paddingLeft="4dp"
+        android:paddingRight="4dp">
+        <ImageButton android:id="@+id/np_shuffle" style="@style/IconButton"
+            android:layout_width="0dp" android:layout_weight="1" />
+        <ImageButton android:id="@+id/np_prev" style="@style/IconButton"
+            android:layout_width="0dp" android:layout_weight="1" android:layout_height="@dimen/np_play" />
+        <FrameLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1.3">
+            <ImageButton android:id="@+id/np_play"
+                android:layout_width="@dimen/np_play" android:layout_height="@dimen/np_play"
+                android:layout_gravity="center"
+                android:background="@drawable/bg_play_circle" android:scaleType="center" />
+        </FrameLayout>
+        <ImageButton android:id="@+id/np_next" style="@style/IconButton"
+            android:layout_width="0dp" android:layout_weight="1" android:layout_height="@dimen/np_play" />
+        <ImageButton android:id="@+id/np_repeat" style="@style/IconButton"
+            android:layout_width="0dp" android:layout_weight="1" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="@dimen/np_bottom"
+        android:orientation="horizontal"
+        android:gravity="center_vertical"
+        android:paddingLeft="8dp"
+        android:paddingRight="8dp"
+        android:layout_marginBottom="2dp">
         <LinearLayout android:id="@+id/np_sleep"
-            android:layout_width="wrap_content" android:layout_height="match_parent"
+            android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent"
             android:orientation="horizontal" android:gravity="center_vertical"
-            android:background="@drawable/bg_pressable" android:paddingLeft="6dp" android:paddingRight="8dp">
-            <ImageView android:id="@+id/np_sleep_icon" android:layout_width="20dp" android:layout_height="20dp" />
+            android:background="@drawable/bg_pressable" android:paddingLeft="8dp" android:paddingRight="8dp">
+            <ImageView android:id="@+id/np_sleep_icon"
+                android:layout_width="@dimen/np_small_icon" android:layout_height="@dimen/np_small_icon" />
             <TextView android:id="@+id/np_sleep_text"
                 android:layout_width="wrap_content" android:layout_height="wrap_content"
-                android:textSize="11sp" android:textColor="#B3FFFFFF" android:paddingLeft="5dp"
+                android:textSize="@dimen/text_np_small" android:textColor="#CCFFFFFF" android:paddingLeft="6dp"
+                android:singleLine="true" android:ellipsize="end"
                 android:text="@string/sleep" />
         </LinearLayout>
-        <View android:layout_width="0dp" android:layout_height="1dp" android:layout_weight="1" />
         <TextView android:id="@+id/np_artist_link"
             android:layout_width="wrap_content" android:layout_height="match_parent"
             android:gravity="center_vertical" android:background="@drawable/bg_pressable"
-            android:paddingLeft="8dp" android:paddingRight="8dp"
-            android:textSize="11sp" android:textColor="#B3FFFFFF" android:text="@string/album_link" />
+            android:paddingLeft="8dp" android:paddingRight="8dp" android:singleLine="true"
+            android:textSize="@dimen/text_np_small" android:textColor="#CCFFFFFF" android:text="@string/album_link" />
     </LinearLayout>
 </LinearLayout>

res/layout/activity_search.xml

@@ -5,7 +5,7 @@
     android:orientation="vertical">
     <LinearLayout
         android:layout_width="match_parent"
-        android:layout_height="50dp"
+        android:layout_height="@dimen/topbar"
         android:orientation="horizontal"
         android:gravity="center_vertical"
         android:paddingLeft="4dp"

res/layout/activity_setup.xml

@@ -22,7 +22,7 @@
                 android:text="@string/app_name" android:textSize="26sp" android:textStyle="bold"
                 android:paddingTop="8dp" />
             <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
-                android:gravity="center" android:textColor="@color/text2" android:textSize="13sp"
+                android:gravity="center" android:textColor="@color/text2" android:textSize="@dimen/text_sub"
                 android:paddingTop="4dp" android:paddingBottom="22dp"
                 android:text="@string/tagline" />
             <Button android:id="@+id/btn_signin" style="@style/ButtonAccent"
@@ -34,7 +34,7 @@
                 android:layout_width="wrap_content" android:layout_height="wrap_content"
                 android:layout_marginTop="18dp" android:padding="8dp"
                 android:background="@drawable/bg_pressable"
-                android:textColor="@color/text2" android:textSize="12sp"
+                android:textColor="@color/text2" android:textSize="@dimen/text_sub"
                 android:text="@string/connection_log" />
         </LinearLayout>
 
@@ -44,14 +44,14 @@
             android:orientation="vertical" android:gravity="center_horizontal"
             android:visibility="gone">
             <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
-                android:gravity="center" android:textColor="@color/text2" android:textSize="13sp"
+                android:gravity="center" android:textColor="@color/text2" android:textSize="@dimen/text_sub"
                 android:paddingTop="12dp"
                 android:text="@string/pin_open" />
             <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
                 android:text="plex.tv/link" android:textSize="22sp" android:textStyle="bold"
                 android:textColor="@color/accent" android:paddingTop="4dp" />
             <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
-                android:textColor="@color/text2" android:textSize="13sp" android:paddingTop="10dp"
+                android:textColor="@color/text2" android:textSize="@dimen/text_sub" android:paddingTop="10dp"
                 android:text="@string/pin_enter" />
             <TextView android:id="@+id/pin_code"
                 android:layout_width="wrap_content" android:layout_height="wrap_content"
@@ -63,7 +63,7 @@
                     android:layout_width="wrap_content" android:layout_height="wrap_content" />
                 <TextView android:id="@+id/pin_status"
                     android:layout_width="wrap_content" android:layout_height="wrap_content"
-                    android:textColor="@color/text2" android:textSize="12sp" android:paddingLeft="8dp"
+                    android:textColor="@color/text2" android:textSize="@dimen/text_sub" android:paddingLeft="8dp"
                     android:text="@string/pin_waiting" />
             </LinearLayout>
             <Button android:id="@+id/btn_pin_check" style="@style/ButtonAccent"
@@ -79,7 +79,7 @@
             android:layout_width="match_parent" android:layout_height="wrap_content"
             android:orientation="vertical" android:visibility="gone">
             <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
-                android:text="@string/server_address" android:textSize="18sp" android:textStyle="bold" />
+                android:text="@string/server_address" android:textSize="@dimen/text_title" android:textStyle="bold" />
             <TextView style="@style/Sub" android:layout_width="match_parent" android:layout_height="wrap_content"
                 android:singleLine="false" android:paddingTop="4dp" android:paddingBottom="10dp"
                 android:text="@string/server_address_help" />
@@ -102,7 +102,7 @@
             android:orientation="vertical" android:visibility="gone">
             <TextView android:id="@+id/choose_title"
                 android:layout_width="wrap_content" android:layout_height="wrap_content"
-                android:textSize="18sp" android:textStyle="bold" />
+                android:textSize="@dimen/text_title" android:textStyle="bold" />
             <TextView android:id="@+id/choose_sub" style="@style/Sub"
                 android:layout_width="match_parent" android:layout_height="wrap_content"
                 android:singleLine="false" android:paddingTop="2dp" android:paddingBottom="10dp" />
@@ -122,7 +122,7 @@
             <ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" />
             <TextView android:id="@+id/busy_text"
                 android:layout_width="wrap_content" android:layout_height="wrap_content"
-                android:gravity="center" android:textColor="@color/text2" android:textSize="13sp"
+                android:gravity="center" android:textColor="@color/text2" android:textSize="@dimen/text_sub"
                 android:paddingTop="12dp" />
         </LinearLayout>
     </LinearLayout>

res/layout/row_choice.xml

@@ -10,7 +10,7 @@
     android:focusable="true">
     <TextView android:id="@+id/choice_title" style="@style/Title"
         android:layout_width="match_parent" android:layout_height="wrap_content"
-        android:textSize="15sp" />
+        android:textSize="@dimen/text_body" />
     <TextView android:id="@+id/choice_sub" style="@style/Sub"
         android:layout_width="match_parent" android:layout_height="wrap_content" />
 </LinearLayout>

res/layout/row_header.xml

@@ -4,8 +4,8 @@
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:paddingLeft="10dp"
-    android:paddingTop="12dp"
-    android:paddingBottom="4dp"
+    android:paddingTop="14dp"
+    android:paddingBottom="6dp"
     android:textColor="@color/accent"
-    android:textSize="11sp"
+    android:textSize="@dimen/text_small"
     android:textStyle="bold" />

res/layout/row_item.xml

@@ -1,20 +1,20 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
-    android:layout_height="54dp"
+    android:layout_height="@dimen/row"
     android:orientation="horizontal"
     android:gravity="center_vertical"
     android:paddingLeft="6dp"
     android:paddingRight="4dp">
 
-    <FrameLayout android:layout_width="44dp" android:layout_height="44dp">
+    <FrameLayout android:layout_width="@dimen/row_art" android:layout_height="@dimen/row_art">
         <ImageView android:id="@+id/row_art"
-            android:layout_width="44dp" android:layout_height="44dp"
+            android:layout_width="@dimen/row_art" android:layout_height="@dimen/row_art"
             android:scaleType="centerCrop" />
         <TextView android:id="@+id/row_num"
-            android:layout_width="44dp" android:layout_height="44dp"
+            android:layout_width="@dimen/row_art" android:layout_height="@dimen/row_art"
             android:gravity="center" android:textColor="@color/text2"
-            android:textSize="13sp" android:visibility="gone" />
+            android:textSize="@dimen/text_sub" android:visibility="gone" />
     </FrameLayout>
 
     <LinearLayout
@@ -23,13 +23,13 @@
         android:paddingLeft="9dp">
         <TextView android:id="@+id/row_title" style="@style/Title"
             android:layout_width="match_parent" android:layout_height="wrap_content"
-            android:textSize="14sp" android:textStyle="normal" />
+            android:textSize="@dimen/text_body" android:textStyle="normal" />
         <TextView android:id="@+id/row_sub" style="@style/Sub"
             android:layout_width="match_parent" android:layout_height="wrap_content" />
     </LinearLayout>
 
     <TextView android:id="@+id/row_right"
         android:layout_width="wrap_content" android:layout_height="wrap_content"
-        android:textColor="@color/text2" android:textSize="11sp"
+        android:textColor="@color/text2" android:textSize="@dimen/text_tiny"
         android:paddingLeft="6dp" android:paddingRight="6dp" />
 </LinearLayout>

res/layout/view_album_card.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    android:layout_width="96dp"
+    android:layout_width="@dimen/card"
     android:layout_height="wrap_content"
     android:orientation="vertical"
     android:padding="4dp"
@@ -8,12 +8,12 @@
     android:clickable="true"
     android:focusable="true">
     <ImageView android:id="@+id/card_art"
-        android:layout_width="88dp" android:layout_height="88dp"
+        android:layout_width="@dimen/card_art" android:layout_height="@dimen/card_art"
         android:scaleType="centerCrop" />
     <TextView android:id="@+id/card_title" style="@style/Title"
         android:layout_width="match_parent" android:layout_height="wrap_content"
-        android:textSize="12sp" android:textStyle="normal" android:paddingTop="4dp" />
+        android:textSize="@dimen/text_card_title" android:textStyle="normal" android:paddingTop="4dp" />
     <TextView android:id="@+id/card_sub" style="@style/Sub"
         android:layout_width="match_parent" android:layout_height="wrap_content"
-        android:textSize="10sp" />
+        android:textSize="@dimen/text_tiny" />
 </LinearLayout>

res/layout/view_detail_header.xml

@@ -10,7 +10,7 @@
         android:layout_height="wrap_content"
         android:orientation="horizontal">
         <ImageView android:id="@+id/detail_art"
-            android:layout_width="104dp" android:layout_height="104dp"
+            android:layout_width="@dimen/detail_art" android:layout_height="@dimen/detail_art"
             android:scaleType="centerCrop" />
         <LinearLayout
             android:layout_width="0dp" android:layout_height="wrap_content"
@@ -18,11 +18,11 @@
             android:paddingLeft="12dp" android:paddingTop="4dp">
             <TextView android:id="@+id/detail_title"
                 android:layout_width="match_parent" android:layout_height="wrap_content"
-                android:textSize="17sp" android:textStyle="bold" android:maxLines="3"
+                android:textSize="@dimen/text_detail_title" android:textStyle="bold" android:maxLines="3"
                 android:ellipsize="end" android:textColor="@color/text" />
             <TextView android:id="@+id/detail_sub"
                 android:layout_width="match_parent" android:layout_height="wrap_content"
-                android:textSize="13sp" android:textColor="@color/accent"
+                android:textSize="@dimen/text_np_sub" android:textColor="@color/accent"
                 android:paddingTop="2dp" android:singleLine="true" android:ellipsize="end" />
             <TextView android:id="@+id/detail_meta" style="@style/Sub"
                 android:layout_width="match_parent" android:layout_height="wrap_content"
@@ -37,9 +37,11 @@
         android:paddingTop="10dp">
         <Button android:id="@+id/detail_play" style="@style/ButtonAccent"
             android:layout_width="0dp" android:layout_weight="1"
-            android:layout_marginRight="5dp" android:text="@string/play" />
+            android:layout_marginRight="5dp" android:text="@string/play"
+            android:paddingLeft="4dp" android:paddingRight="4dp" />
         <Button android:id="@+id/detail_shuffle" style="@style/ButtonOutline"
             android:layout_width="0dp" android:layout_weight="1"
-            android:layout_marginLeft="5dp" android:text="@string/shuffle" />
+            android:layout_marginLeft="5dp" android:text="@string/shuffle"
+            android:paddingLeft="4dp" android:paddingRight="4dp" />
     </LinearLayout>
 </LinearLayout>

res/layout/view_home_tile.xml

@@ -1,21 +1,21 @@
 <?xml version="1.0" encoding="utf-8"?>
+<!-- Full-width row: on a 240 px screen two side by side cut their titles short. -->
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    android:layout_width="0dp"
-    android:layout_height="58dp"
-    android:layout_weight="1"
+    android:layout_width="match_parent"
+    android:layout_height="@dimen/tile"
     android:orientation="horizontal"
     android:gravity="center_vertical"
     android:background="@drawable/bg_tile"
-    android:paddingLeft="8dp"
-    android:paddingRight="6dp"
+    android:paddingLeft="12dp"
+    android:paddingRight="10dp"
     android:clickable="true"
     android:focusable="true">
-    <ImageView android:id="@+id/tile_icon" android:layout_width="26dp" android:layout_height="26dp" />
+    <ImageView android:id="@+id/tile_icon" android:layout_width="@dimen/tile_icon" android:layout_height="@dimen/tile_icon" />
     <LinearLayout android:layout_width="0dp" android:layout_height="wrap_content"
-        android:layout_weight="1" android:orientation="vertical" android:paddingLeft="7dp">
+        android:layout_weight="1" android:orientation="vertical" android:paddingLeft="12dp">
         <TextView android:id="@+id/tile_title" style="@style/Title"
-            android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="13sp" />
+            android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="@dimen/text_tile" />
         <TextView android:id="@+id/tile_sub" style="@style/Sub"
-            android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="10sp" />
+            android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="@dimen/text_small" />
     </LinearLayout>
 </LinearLayout>

res/layout/view_miniplayer.xml

@@ -11,21 +11,21 @@
         android:id="@+id/mini_progress"
         style="@android:style/Widget.ProgressBar.Horizontal"
         android:layout_width="match_parent"
-        android:layout_height="2dp"
+        android:layout_height="3dp"
         android:max="1000"
         android:progressDrawable="@drawable/progress_mini" />
 
     <LinearLayout
         android:id="@+id/mini_body"
         android:layout_width="match_parent"
-        android:layout_height="50dp"
+        android:layout_height="@dimen/mini"
         android:orientation="horizontal"
         android:gravity="center_vertical"
         android:background="@drawable/bg_pressable"
         android:paddingLeft="5dp">
 
         <ImageView android:id="@+id/mini_art"
-            android:layout_width="40dp" android:layout_height="40dp"
+            android:layout_width="@dimen/mini_art" android:layout_height="@dimen/mini_art"
             android:scaleType="centerCrop" />
 
         <LinearLayout
@@ -34,10 +34,10 @@
             android:paddingLeft="8dp">
             <TextView android:id="@+id/mini_title" style="@style/Title"
                 android:layout_width="match_parent" android:layout_height="wrap_content"
-                android:textSize="13sp" />
+                android:textSize="@dimen/text_mini_title" />
             <TextView android:id="@+id/mini_sub" style="@style/Sub"
                 android:layout_width="match_parent" android:layout_height="wrap_content"
-                android:textSize="11sp" />
+                android:textSize="@dimen/text_mini_sub" />
         </LinearLayout>
 
         <ImageButton android:id="@+id/mini_play" style="@style/IconButton" />

res/layout/view_status.xml

@@ -12,7 +12,7 @@
         android:layout_width="wrap_content" android:layout_height="wrap_content" />
     <TextView android:id="@+id/status_text"
         android:layout_width="wrap_content" android:layout_height="wrap_content"
-        android:gravity="center" android:textColor="@color/text2" android:textSize="13sp"
+        android:gravity="center" android:textColor="@color/text2" android:textSize="@dimen/text_status"
         android:paddingTop="8dp" />
     <Button android:id="@+id/status_retry" style="@style/ButtonOutline"
         android:layout_width="wrap_content" android:layout_marginTop="12dp"

res/layout/view_topbar.xml

@@ -2,7 +2,7 @@
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:id="@+id/topbar"
     android:layout_width="match_parent"
-    android:layout_height="46dp"
+    android:layout_height="@dimen/topbar"
     android:orientation="horizontal"
     android:gravity="center_vertical"
     android:paddingLeft="4dp"
@@ -20,7 +20,7 @@
             android:layout_width="match_parent" android:layout_height="wrap_content" />
         <TextView android:id="@+id/bar_sub" style="@style/Sub"
             android:layout_width="match_parent" android:layout_height="wrap_content"
-            android:textSize="11sp" android:visibility="gone" />
+            android:textSize="@dimen/text_small" android:visibility="gone" />
     </LinearLayout>
 
     <ImageButton android:id="@+id/btn_action" style="@style/IconButton" android:visibility="gone" />