mute-buton in queue layout and logic, but no icon change

app/src/main/java/org/schabi/newpipe/player/ServicePlayerActivity.java

@@ -83,6 +83,7 @@ public abstract class ServicePlayerActivity extends AppCompatActivity
     private TextView seekDisplay;
 
     private ImageButton repeatButton;
+    private ImageButton muteButton;
     private ImageButton backwardButton;
     private ImageButton playPauseButton;
     private ImageButton forwardButton;
@@ -305,6 +306,7 @@ public abstract class ServicePlayerActivity extends AppCompatActivity
 
     private void buildControls() {
         repeatButton = rootView.findViewById(R.id.control_repeat);
+        muteButton = rootView.findViewById(R.id.control_mute);
         backwardButton = rootView.findViewById(R.id.control_backward);
         playPauseButton = rootView.findViewById(R.id.control_play_pause);
         forwardButton = rootView.findViewById(R.id.control_forward);
@@ -314,6 +316,7 @@ public abstract class ServicePlayerActivity extends AppCompatActivity
         progressBar = rootView.findViewById(R.id.control_progress_bar);
 
         repeatButton.setOnClickListener(this);
+        muteButton.setOnClickListener(this);
         backwardButton.setOnClickListener(this);
         playPauseButton.setOnClickListener(this);
         forwardButton.setOnClickListener(this);
@@ -446,6 +449,9 @@ public abstract class ServicePlayerActivity extends AppCompatActivity
         if (view.getId() == repeatButton.getId()) {
             player.onRepeatClicked();
 
+        } else if (view.getId() == muteButton.getId()) {
+            player.onMuteUnmuteButtonClicled();
+
         } else if (view.getId() == backwardButton.getId()) {
             player.onPlayPrevious();
 

app/src/main/res/layout-land/activity_player_queue_control.xml

@@ -192,7 +192,7 @@
                 android:layout_marginLeft="5dp"
                 android:layout_marginRight="5dp"
                 android:layout_centerVertical="true"
-                android:layout_toLeftOf="@+id/control_repeat"
+                android:layout_toLeftOf="@+id/control_mute"
                 android:gravity="center"
                 android:minWidth="50dp"
                 android:text="1x"
@@ -201,13 +201,30 @@
                 android:background="?attr/selectableItemBackground"
                 tools:ignore="HardcodedText,RtlHardcoded"/>
 
+            <ImageButton
+                android:id="@+id/control_mute"
+                android:layout_width="30dp"
+                android:layout_height="30dp"
+                android:layout_toLeftOf="@+id/control_repeat"
+                android:layout_centerVertical="true"
+                android:layout_marginLeft="5dp"
+                android:layout_marginRight="5dp"
+                android:background="?attr/selectableItemBackgroundBorderless"
+                android:clickable="true"
+                android:focusable="true"
+                android:scaleType="fitXY"
+                app:srcCompat="@drawable/ic_volume_off_white_72dp"
+                android:tint="@color/gray"
+                tools:ignore="ContentDescription"/>
+
             <ImageButton
                 android:id="@+id/control_repeat"
                 android:layout_width="30dp"
                 android:layout_height="30dp"
-                android:layout_toLeftOf="@+id/anchor"
                 android:layout_centerVertical="true"
+                android:layout_centerInParent="true"
                 android:layout_marginLeft="5dp"
+                android:layout_marginRight="5dp"
                 android:background="?attr/selectableItemBackgroundBorderless"
                 android:clickable="true"
                 android:focusable="true"
@@ -216,16 +233,12 @@
                 android:src="@drawable/ic_repeat_white"
                 tools:ignore="ContentDescription"/>
 
-            <View android:layout_width="10dp"
-                android:layout_height="1dp"
-                android:layout_centerInParent="true"
-                android:id="@+id/anchor"/>
 
             <ImageButton
                 android:id="@+id/control_shuffle"
                 android:layout_width="30dp"
                 android:layout_height="30dp"
-                android:layout_toRightOf="@+id/anchor"
+                android:layout_toRightOf="@+id/control_repeat"
                 android:layout_centerVertical="true"
                 android:layout_marginRight="5dp"
                 android:background="?attr/selectableItemBackgroundBorderless"

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

@@ -176,7 +176,7 @@
             android:layout_marginLeft="5dp"
             android:layout_marginRight="5dp"
             android:layout_centerVertical="true"
-            android:layout_toLeftOf="@+id/control_repeat"
+            android:layout_toLeftOf="@+id/control_mute"
             android:gravity="center"
             android:minWidth="50dp"
             android:text="1x"
@@ -185,6 +185,22 @@
             android:background="?attr/selectableItemBackground"
             tools:ignore="HardcodedText,RtlHardcoded"/>
 
+        <ImageButton
+            android:id="@+id/control_mute"
+            android:layout_width="30dp"
+            android:layout_height="30dp"
+            android:layout_toLeftOf="@+id/control_repeat"
+            android:layout_centerVertical="true"
+            android:layout_marginLeft="5dp"
+            android:layout_marginRight="5dp"
+            android:background="?attr/selectableItemBackgroundBorderless"
+            android:clickable="true"
+            android:focusable="true"
+            android:scaleType="fitXY"
+            app:srcCompat="@drawable/ic_volume_off_white_72dp"
+            android:tint="@color/gray"
+            tools:ignore="ContentDescription"/>
+
         <ImageButton
             android:id="@+id/control_repeat"
             android:layout_width="30dp"