circle screen fix bug, and mini screen design

android/app/src/main/kotlin/com/hmg/hmgDr/MainActivity.kt

@@ -151,7 +151,11 @@ class MainActivity : FlutterFragmentActivity(), MethodChannel.MethodCallHandler,
         } else if (resultCode == Activity.RESULT_CANCELED) {
             val callResponse: HashMap<String, String> = HashMap()
             callResponse["callResponse"] = "CallEnd"
-            result?.success(callResponse)
+            try {
+                result?.success(callResponse)
+            } catch (e : Exception){
+                Log.e("onVideoCallFinished", "${e.message}.")
+            }
         }
     }
 

android/app/src/main/kotlin/com/hmg/hmgDr/ui/fragment/VideoCallFragment.kt

@@ -64,7 +64,7 @@ class VideoCallFragment : DialogFragment(), PermissionCallbacks, Session.Session
     private lateinit var mPublisherViewIcon: View
     private lateinit var mSubscriberViewContainer: FrameLayout
     private lateinit var mSubscriberViewIcon: ImageView
-    private var controlPanel: ConstraintLayout? = null
+    private lateinit var controlPanel: ConstraintLayout
 
     private var apiKey: String? = null
     private var sessionId: String? = null
@@ -300,7 +300,7 @@ class VideoCallFragment : DialogFragment(), PermissionCallbacks, Session.Session
 
     private fun hiddenButtons() {
         mVolHandler = Handler()
-        mVolRunnable = Runnable { controlPanel!!.visibility = View.GONE }
+        mVolRunnable = Runnable { controlPanel.visibility = View.GONE }
         mVolHandler!!.postDelayed(mVolRunnable!!, (5 * 1000).toLong())
     }
 
@@ -496,27 +496,27 @@ class VideoCallFragment : DialogFragment(), PermissionCallbacks, Session.Session
 
     private fun onMiniCircleClicked(){
         if (isCircle) {
+            videoCallContainer.setBackgroundColor(ContextCompat.getColor(requireContext(), R.color.text_color))
+            mSubscriberViewContainer.setBackgroundColor(ContextCompat.getColor(requireContext(), R.color.remoteBackground))
             dialog?.window?.setLayout(
                     400,
                     600
             )
-            videoCallContainer.setBackgroundColor(ContextCompat.getColor(requireContext(), R.color.text_color))
-            mSubscriberViewContainer.setBackgroundColor(ContextCompat.getColor(requireContext(), R.color.remoteBackground))
         } else {
+            videoCallContainer.background = ContextCompat.getDrawable(requireContext(), R.drawable.circle_shape)
+            mSubscriberViewContainer.background = ContextCompat.getDrawable(requireContext(), R.drawable.circle_shape)
             dialog?.window?.setLayout(
                     200,
                     200
             )
-            videoCallContainer.background = ContextCompat.getDrawable(requireContext(), R.drawable.circle_shape)
-            mSubscriberViewContainer.background = ContextCompat.getDrawable(requireContext(), R.drawable.circle_shape)
         }
         isCircle = !isCircle
 
         if(isCircle){
-            controlPanel?.visibility = View.GONE
+            controlPanel.visibility = View.GONE
             layoutMini.visibility = View.GONE
         } else {
-            controlPanel?.visibility = View.VISIBLE
+            controlPanel.visibility = View.VISIBLE
             layoutMini.visibility = View.VISIBLE
         }
     }
@@ -612,10 +612,10 @@ class VideoCallFragment : DialogFragment(), PermissionCallbacks, Session.Session
             remotePreviewLayoutParam.height = remotePreviewIconSizeSmall
 
             if(isCircle){
-                controlPanel?.visibility = View.GONE
+                controlPanel.visibility = View.GONE
                 layoutMini.visibility = View.GONE
             } else {
-                controlPanel?.visibility = View.VISIBLE
+                controlPanel.visibility = View.VISIBLE
                 layoutMini.visibility = View.VISIBLE
             }
         }
@@ -722,9 +722,11 @@ class VideoCallFragment : DialogFragment(), PermissionCallbacks, Session.Session
     }
 
     private fun showControlPanelTemporarily() {
-        controlPanel!!.visibility = View.VISIBLE
-        mVolHandler!!.removeCallbacks(mVolRunnable!!)
-        mVolHandler!!.postDelayed(mVolRunnable!!, (5 * 1000).toLong())
+        if (!isCircle){
+            controlPanel.visibility = View.VISIBLE
+            mVolHandler!!.removeCallbacks(mVolRunnable!!)
+            mVolHandler!!.postDelayed(mVolRunnable!!, (5 * 1000).toLong())
+        }
     }
 
     /*  Reset position of Floating Widget view on dragging  */

android/app/src/main/res/drawable/ic_mini.xml

@@ -1,5 +1,5 @@
 <vector android:height="24dp" android:tint="#FFFFFF"
     android:viewportHeight="24" android:viewportWidth="24"
     android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
-    <path android:fillColor="@android:color/white" android:pathData="M6,19h12v2H6z"/>
+    <path android:fillColor="@android:color/white" android:pathData="M19,13H5v-2h14v2z"/>
 </vector>

android/app/src/main/res/layout/activity_video_call.xml

@@ -37,9 +37,9 @@
                 android:id="@+id/cmTimer"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
+                android:padding="4dp"
                 android:textColor="@color/white"
                 android:textSize="16sp"
-                android:padding="4dp"
                 android:textStyle="bold"
                 tools:text="25:45" />
 
@@ -47,39 +47,38 @@
 
     </RelativeLayout>
 
-    <RelativeLayout
-        android:id="@+id/layout_mini"
-        android:layout_width="match_parent"
-        android:layout_height="40dp"
-        android:background="@color/transparent"
-        android:visibility="gone"
-        app:layout_constraintTop_toBottomOf="@id/layout_name"
-        >
-
-        <ImageButton
-            android:id="@+id/ic_mini"
-            style="@style/Widget.MaterialComponents.Button.Icon"
-            android:layout_width="20dp"
-            android:layout_height="20dp"
-            android:layout_alignParentEnd="true"
-            android:layout_centerVertical="true"
-            android:src="@drawable/ic_mini"
-            android:background="@null" />
-    </RelativeLayout>
-
     <RelativeLayout
         android:id="@+id/activity_clingo_video_call"
         android:layout_width="match_parent"
         android:layout_height="0dp"
         app:layout_constraintBottom_toTopOf="@id/control_panel"
-        app:layout_constraintTop_toBottomOf="@+id/layout_mini"
-        tools:context=".ui.VideoCallActivity">
+        app:layout_constraintTop_toBottomOf="@+id/layout_name">
 
+        <RelativeLayout
+            android:id="@+id/layout_mini"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:background="@color/remoteBackground"
+            android:alpha="0.5"
+            android:visibility="gone">
+
+            <ImageButton
+                android:id="@+id/ic_mini"
+                style="@style/Widget.MaterialComponents.Button.Icon"
+                android:layout_width="20dp"
+                android:layout_height="20dp"
+                android:layout_margin="@dimen/padding_space_medium"
+                android:layout_alignParentEnd="true"
+                android:layout_centerVertical="true"
+                android:background="@null"
+                android:src="@drawable/ic_mini" />
+        </RelativeLayout>
 
         <FrameLayout
             android:id="@+id/remote_video_view_container"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
+            android:layout_below="@+id/layout_mini"
             android:background="@color/remoteBackground">
 
             <ImageView
@@ -165,12 +164,12 @@
             android:id="@+id/btn_switch_camera"
             android:layout_width="@dimen/video_icon_size"
             android:layout_height="@dimen/video_icon_size"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintStart_toEndOf="@id/btn_mic"
             android:layout_marginStart="@dimen/padding_space_medium"
-            app:layout_constraintTop_toTopOf="parent"
             android:scaleType="centerCrop"
-            android:src="@drawable/camera_back" />
+            android:src="@drawable/camera_back"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintStart_toEndOf="@id/btn_mic"
+            app:layout_constraintTop_toTopOf="parent" />
 
         <ImageView
             android:id="@+id/btn_specker"