use smaller play/pause/panorama icons with dynamic background

app/src/main/kotlin/com/simplemobiletools/gallery/fragments/VideoFragment.kt

@@ -386,7 +386,7 @@ class VideoFragment : ViewPagerFragment(), TextureView.SurfaceTextureListener, S
 
         mIsPlaying = true
         mExoPlayer?.playWhenReady = true
-        mView!!.video_play_outline.setImageDrawable(resources.getDrawable(R.drawable.img_pause_outline_big))
+        mView!!.video_play_outline.setImageResource(R.drawable.ic_pause)
         activity!!.window.addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON)
         mHidePauseHandler.postDelayed({
             mView!!.video_play_outline.animate().alpha(0f).start()
@@ -403,7 +403,7 @@ class VideoFragment : ViewPagerFragment(), TextureView.SurfaceTextureListener, S
             mExoPlayer?.playWhenReady = false
         }
 
-        mView?.video_play_outline?.setImageDrawable(resources.getDrawable(R.drawable.img_play_outline_big))
+        mView?.video_play_outline?.setImageResource(R.drawable.ic_play)
         mView!!.video_play_outline.alpha = PLAY_PAUSE_VISIBLE_ALPHA
         activity!!.window.clearFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON)
 

app/src/main/res/drawable/circle_black_background_with_inset.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<inset xmlns:android="http://schemas.android.com/apk/res/android"
+       android:drawable="@drawable/circle_black_background"
+       android:insetBottom="@dimen/activity_margin"
+       android:insetLeft="@dimen/activity_margin"
+       android:insetRight="@dimen/activity_margin"
+       android:insetTop="@dimen/activity_margin"/>

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

@@ -23,8 +23,8 @@
         android:layout_width="@dimen/play_outline_size_big"
         android:layout_height="@dimen/play_outline_size_big"
         android:layout_centerInParent="true"
-        android:background="@android:color/transparent"
-        android:padding="@dimen/big_margin"
+        android:background="@drawable/circle_black_background_with_inset"
+        android:padding="28dp"
         android:src="@drawable/ic_panorama"
         android:visibility="gone"/>
 

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

@@ -41,9 +41,9 @@
         android:layout_width="@dimen/play_outline_size_big"
         android:layout_height="@dimen/play_outline_size_big"
         android:layout_centerInParent="true"
-        android:background="@android:color/transparent"
-        android:padding="@dimen/big_margin"
-        android:src="@drawable/img_play_outline_big"/>
+        android:background="@drawable/circle_black_background_with_inset"
+        android:padding="26dp"
+        android:src="@drawable/ic_play"/>
 
     <TextView
         android:id="@+id/slide_info"

app/src/main/res/values-sw600dp/dimens.xml

@@ -4,6 +4,5 @@
     <dimen name="medium_tmb_size">120dp</dimen>
     <dimen name="sd_card_icon_size">30dp</dimen>
     <dimen name="selection_check_size">38dp</dimen>
-    <dimen name="play_outline_size_big">200dp</dimen>
     <dimen name="tmb_shadow_height">60dp</dimen>
 </resources>

app/src/main/res/values/dimens.xml

@@ -5,7 +5,7 @@
     <dimen name="sd_card_icon_size">20dp</dimen>
     <dimen name="play_outline_icon_size">22dp</dimen>
     <dimen name="selection_check_size">26dp</dimen>
-    <dimen name="play_outline_size_big">130dp</dimen>
+    <dimen name="play_outline_size_big">96dp</dimen>
     <dimen name="tmb_shadow_height">60dp</dimen>
     <dimen name="media_side_slider_width">60dp</dimen>
     <dimen name="instant_change_bar_width">30dp</dimen>