Fixed visibility of placeholder elements

app/src/main/res/layout/item_placehoder_discovery.xml

@@ -19,7 +19,8 @@
             android:layout_marginStart="8dp"
             android:layout_marginTop="12dp"
             android:layout_marginEnd="8dp"
-            android:layout_weight="9" />
+            android:layout_weight="9"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="12dp"
@@ -27,7 +28,8 @@
             android:layout_marginStart="8dp"
             android:layout_marginTop="12dp"
             android:layout_marginEnd="8dp"
-            android:layout_weight="1" />
+            android:layout_weight="1"
+            android:background="?attr/colorSurfaceContainer" />
     </LinearLayout>
 
     <ImageView
@@ -36,5 +38,6 @@
         android:layout_marginStart="16dp"
         android:layout_marginTop="16dp"
         android:layout_marginEnd="16dp"
-        android:layout_marginBottom="8dp" />
+        android:layout_marginBottom="8dp"
+        android:background="?attr/colorSurfaceContainer" />
 </LinearLayout>

app/src/main/res/layout/item_placeholder_album.xml

@@ -19,7 +19,8 @@
             android:layout_marginStart="8dp"
             android:layout_marginTop="12dp"
             android:layout_marginEnd="8dp"
-            android:layout_weight="8" />
+            android:layout_weight="8"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="12dp"
@@ -27,7 +28,8 @@
             android:layout_marginStart="8dp"
             android:layout_marginTop="22dp"
             android:layout_marginEnd="8dp"
-            android:layout_weight="2" />
+            android:layout_weight="2"
+            android:background="?attr/colorSurfaceContainer" />
     </LinearLayout>
 
     <LinearLayout
@@ -50,17 +52,20 @@
             <ImageView
                 android:layout_width="172dp"
                 android:layout_height="172dp"
-                android:layout_gravity="center" />
+                android:layout_gravity="center"
+                android:background="?attr/colorSurfaceContainer" />
 
             <ImageView
                 android:layout_width="124dp"
                 android:layout_height="14dp"
-                android:layout_marginTop="8dp" />
+                android:layout_marginTop="8dp"
+                android:background="?attr/colorSurfaceContainer" />
 
             <ImageView
                 android:layout_width="112dp"
                 android:layout_height="12dp"
-                android:layout_marginTop="4dp" />
+                android:layout_marginTop="4dp"
+                android:background="?attr/colorSurfaceContainer" />
         </LinearLayout>
 
         <LinearLayout
@@ -72,17 +77,20 @@
             <ImageView
                 android:layout_width="172dp"
                 android:layout_height="172dp"
-                android:layout_gravity="center" />
+                android:layout_gravity="center"
+                android:background="?attr/colorSurfaceContainer" />
 
             <ImageView
                 android:layout_width="124dp"
                 android:layout_height="14dp"
-                android:layout_marginTop="8dp" />
+                android:layout_marginTop="8dp"
+                android:background="?attr/colorSurfaceContainer" />
 
             <ImageView
                 android:layout_width="112dp"
                 android:layout_height="12dp"
-                android:layout_marginTop="4dp" />
+                android:layout_marginTop="4dp"
+                android:background="?attr/colorSurfaceContainer" />
         </LinearLayout>
 
         <LinearLayout
@@ -93,17 +101,20 @@
             <ImageView
                 android:layout_width="172dp"
                 android:layout_height="172dp"
-                android:layout_gravity="center" />
+                android:layout_gravity="center"
+                android:background="?attr/colorSurfaceContainer" />
 
             <ImageView
                 android:layout_width="124dp"
                 android:layout_height="14dp"
-                android:layout_marginTop="8dp" />
+                android:layout_marginTop="8dp"
+                android:background="?attr/colorSurfaceContainer" />
 
             <ImageView
                 android:layout_width="112dp"
                 android:layout_height="12dp"
-                android:layout_marginTop="4dp" />
+                android:layout_marginTop="4dp"
+                android:background="?attr/colorSurfaceContainer" />
         </LinearLayout>
     </LinearLayout>
 </LinearLayout>

app/src/main/res/layout/item_placeholder_genre.xml

@@ -11,14 +11,8 @@
         android:layout_marginStart="16dp"
         android:layout_marginTop="20dp"
         android:layout_marginEnd="16dp"
-        android:layout_marginBottom="8dp" />
-
-    <LinearLayout
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:orientation="vertical">
-
-    </LinearLayout>
+        android:layout_marginBottom="8dp"
+        android:background="?attr/colorSurfaceContainer" />
 
     <LinearLayout
         android:layout_width="wrap_content"
@@ -31,22 +25,25 @@
             android:layout_height="54dp"
             android:layout_gravity="center"
             android:layout_marginStart="16dp"
-            android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginEnd="8dp"
+            android:layout_marginBottom="4dp"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="196dp"
             android:layout_height="54dp"
             android:layout_gravity="center"
-            android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginEnd="8dp"
+            android:layout_marginBottom="4dp"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="196dp"
             android:layout_height="54dp"
             android:layout_gravity="center"
-            android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginEnd="8dp"
+            android:layout_marginBottom="4dp"
+            android:background="?attr/colorSurfaceContainer" />
     </LinearLayout>
 
     <LinearLayout
@@ -59,22 +56,25 @@
             android:layout_height="54dp"
             android:layout_gravity="center"
             android:layout_marginStart="16dp"
-            android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginEnd="8dp"
+            android:layout_marginBottom="4dp"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="196dp"
             android:layout_height="54dp"
             android:layout_gravity="center"
-            android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginEnd="8dp"
+            android:layout_marginBottom="4dp"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="196dp"
             android:layout_height="54dp"
             android:layout_gravity="center"
-            android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginEnd="8dp"
+            android:layout_marginBottom="4dp"
+            android:background="?attr/colorSurfaceContainer" />
     </LinearLayout>
 
     <LinearLayout
@@ -87,21 +87,24 @@
             android:layout_height="54dp"
             android:layout_gravity="center"
             android:layout_marginStart="16dp"
-            android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginEnd="8dp"
+            android:layout_marginBottom="4dp"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="196dp"
             android:layout_height="54dp"
             android:layout_gravity="center"
-            android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginEnd="8dp"
+            android:layout_marginBottom="4dp"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="196dp"
             android:layout_height="54dp"
             android:layout_gravity="center"
-            android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginEnd="8dp"
+            android:layout_marginBottom="4dp"
+            android:background="?attr/colorSurfaceContainer" />
     </LinearLayout>
 </LinearLayout>

app/src/main/res/layout/item_placeholder_horizontal.xml

@@ -20,7 +20,8 @@
             android:layout_marginStart="8dp"
             android:layout_marginTop="12dp"
             android:layout_marginEnd="8dp"
-            android:layout_weight="8" />
+            android:layout_weight="8"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="12dp"
@@ -28,7 +29,8 @@
             android:layout_marginStart="8dp"
             android:layout_marginTop="22dp"
             android:layout_marginEnd="8dp"
-            android:layout_weight="2" />
+            android:layout_weight="2"
+            android:background="?attr/colorSurfaceContainer" />
     </LinearLayout>
 
     <androidx.constraintlayout.widget.ConstraintLayout
@@ -44,6 +46,7 @@
             android:layout_height="52dp"
             android:layout_gravity="center"
             android:layout_margin="2dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
@@ -55,16 +58,17 @@
             android:layout_marginStart="12dp"
             android:layout_marginTop="10dp"
             android:layout_marginEnd="12dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintStart_toEndOf="@+id/album_cover_placeholder_1"
             app:layout_constraintTop_toTopOf="parent" />
 
-
-        <TextView
+        <ImageView
             android:layout_width="124dp"
             android:layout_height="12dp"
             android:layout_marginStart="12dp"
             android:layout_marginTop="4dp"
             android:layout_marginEnd="16dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintStart_toEndOf="@+id/album_cover_placeholder_1"
             app:layout_constraintTop_toBottomOf="@+id/album_title_placeholder_1" />
 
@@ -73,6 +77,7 @@
             android:layout_height="18dp"
             android:layout_marginStart="12dp"
             android:layout_marginEnd="12dp"
+            android:background="?attr/colorSurfaceContainer"
             android:gravity="center_vertical"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
@@ -93,6 +98,7 @@
             android:layout_height="52dp"
             android:layout_gravity="center"
             android:layout_margin="2dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
@@ -104,16 +110,17 @@
             android:layout_marginStart="12dp"
             android:layout_marginTop="10dp"
             android:layout_marginEnd="12dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintStart_toEndOf="@+id/album_cover_placeholder_2"
             app:layout_constraintTop_toTopOf="parent" />
 
-
-        <TextView
+        <ImageView
             android:layout_width="124dp"
             android:layout_height="12dp"
             android:layout_marginStart="12dp"
             android:layout_marginTop="4dp"
             android:layout_marginEnd="16dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintStart_toEndOf="@+id/album_cover_placeholder_2"
             app:layout_constraintTop_toBottomOf="@+id/album_title_placeholder_2" />
 
@@ -122,6 +129,7 @@
             android:layout_height="18dp"
             android:layout_marginStart="12dp"
             android:layout_marginEnd="12dp"
+            android:background="?attr/colorSurfaceContainer"
             android:gravity="center_vertical"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
@@ -142,6 +150,7 @@
             android:layout_height="52dp"
             android:layout_gravity="center"
             android:layout_margin="2dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
@@ -153,16 +162,17 @@
             android:layout_marginStart="12dp"
             android:layout_marginTop="10dp"
             android:layout_marginEnd="12dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintStart_toEndOf="@+id/album_cover_placeholder_3"
             app:layout_constraintTop_toTopOf="parent" />
 
-
-        <TextView
+        <ImageView
             android:layout_width="124dp"
             android:layout_height="12dp"
             android:layout_marginStart="12dp"
             android:layout_marginTop="4dp"
             android:layout_marginEnd="16dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintStart_toEndOf="@+id/album_cover_placeholder_3"
             app:layout_constraintTop_toBottomOf="@+id/album_title_placeholder_3" />
 
@@ -171,6 +181,7 @@
             android:layout_height="18dp"
             android:layout_marginStart="12dp"
             android:layout_marginEnd="12dp"
+            android:background="?attr/colorSurfaceContainer"
             android:gravity="center_vertical"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
@@ -191,6 +202,7 @@
             android:layout_height="52dp"
             android:layout_gravity="center"
             android:layout_margin="2dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
@@ -202,16 +214,17 @@
             android:layout_marginStart="12dp"
             android:layout_marginTop="10dp"
             android:layout_marginEnd="12dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintStart_toEndOf="@+id/album_cover_placeholder_4"
             app:layout_constraintTop_toTopOf="parent" />
 
-
-        <TextView
+        <ImageView
             android:layout_width="124dp"
             android:layout_height="12dp"
             android:layout_marginStart="12dp"
             android:layout_marginTop="4dp"
             android:layout_marginEnd="16dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintStart_toEndOf="@+id/album_cover_placeholder_4"
             app:layout_constraintTop_toBottomOf="@+id/album_title_placeholder_4" />
 
@@ -220,6 +233,7 @@
             android:layout_height="18dp"
             android:layout_marginStart="12dp"
             android:layout_marginEnd="12dp"
+            android:background="?attr/colorSurfaceContainer"
             android:gravity="center_vertical"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
@@ -240,6 +254,7 @@
             android:layout_height="52dp"
             android:layout_gravity="center"
             android:layout_margin="2dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintTop_toTopOf="parent" />
@@ -251,16 +266,17 @@
             android:layout_marginStart="12dp"
             android:layout_marginTop="10dp"
             android:layout_marginEnd="12dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintStart_toEndOf="@+id/album_cover_placeholder_5"
             app:layout_constraintTop_toTopOf="parent" />
 
-
-        <TextView
+        <ImageView
             android:layout_width="124dp"
             android:layout_height="12dp"
             android:layout_marginStart="12dp"
             android:layout_marginTop="4dp"
             android:layout_marginEnd="16dp"
+            android:background="?attr/colorSurfaceContainer"
             app:layout_constraintStart_toEndOf="@+id/album_cover_placeholder_5"
             app:layout_constraintTop_toBottomOf="@+id/album_title_placeholder_5" />
 
@@ -269,6 +285,7 @@
             android:layout_height="18dp"
             android:layout_marginStart="12dp"
             android:layout_marginEnd="12dp"
+            android:background="?attr/colorSurfaceContainer"
             android:gravity="center_vertical"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"

app/src/main/res/layout/item_placeholder_year.xml

@@ -11,7 +11,8 @@
         android:layout_marginStart="16dp"
         android:layout_marginTop="20dp"
         android:layout_marginEnd="16dp"
-        android:layout_marginBottom="8dp" />
+        android:layout_marginBottom="8dp"
+        android:background="?attr/colorSurfaceContainer" />
 
     <LinearLayout
         android:layout_width="wrap_content"
@@ -25,20 +26,23 @@
             android:layout_gravity="center"
             android:layout_marginStart="16dp"
             android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginBottom="8dp"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="172dp"
             android:layout_height="72dp"
             android:layout_gravity="center"
             android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginBottom="8dp"
+            android:background="?attr/colorSurfaceContainer" />
 
         <ImageView
             android:layout_width="172dp"
             android:layout_height="72dp"
             android:layout_gravity="center"
             android:layout_marginEnd="12dp"
-            android:layout_marginBottom="8dp" />
+            android:layout_marginBottom="8dp"
+            android:background="?attr/colorSurfaceContainer" />
     </LinearLayout>
 </LinearLayout>