From a250ec17885f0f15bd14362e657932dc56fc9d7b Mon Sep 17 00:00:00 2001
From: Myzel394 <50424412+Myzel394@users.noreply.github.com>
Date: Fri, 22 Mar 2024 21:09:16 +0100
Subject: [PATCH] fix: Improve design for little screens

Signed-off-by: Myzel394 <50424412+Myzel394@users.noreply.github.com>
---
 .../RecorderScreen/atoms/BigButton.kt         |  5 +++--
 .../RecorderScreen/atoms/LowStorageInfo.kt    | 19 +++++++++++++------
 .../organisms/StartRecording.kt               |  2 +-
 3 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/atoms/BigButton.kt b/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/atoms/BigButton.kt
index 3856550..74ea84f 100644
--- a/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/atoms/BigButton.kt
+++ b/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/atoms/BigButton.kt
@@ -39,11 +39,12 @@ fun BigButton(
     val orientation = LocalConfiguration.current.orientation
 
     BoxWithConstraints {
-        val isLarge = maxWidth > 500.dp && orientation == Configuration.ORIENTATION_PORTRAIT
+        val isLarge =
+            maxWidth > 500.dp && maxHeight > 1200.dp && orientation == Configuration.ORIENTATION_PORTRAIT
 
         Column(
             modifier = Modifier
-                .size(if (isLarge) 250.dp else 200.dp)
+                .size(if (isLarge) 250.dp else 180.dp)
                 .clip(CircleShape)
                 .semantics {
                     contentDescription = label
diff --git a/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/atoms/LowStorageInfo.kt b/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/atoms/LowStorageInfo.kt
index d567704..bb47a83 100644
--- a/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/atoms/LowStorageInfo.kt
+++ b/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/atoms/LowStorageInfo.kt
@@ -1,6 +1,7 @@
 package app.myzel394.alibi.ui.components.RecorderScreen.atoms
 
 import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.BoxWithConstraints
 import androidx.compose.foundation.layout.padding
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
@@ -13,6 +14,7 @@ import app.myzel394.alibi.helpers.BatchesFolder
 import app.myzel394.alibi.helpers.VideoBatchesFolder
 import app.myzel394.alibi.ui.components.atoms.MessageBox
 import app.myzel394.alibi.ui.components.atoms.MessageType
+import app.myzel394.alibi.ui.components.atoms.VisualDensity
 
 @Composable
 fun LowStorageInfo(
@@ -37,11 +39,16 @@ fun LowStorageInfo(
         Box(
             modifier = Modifier.padding(horizontal = 16.dp, vertical = 8.dp)
         ) {
-            MessageBox(
-                type = MessageType.WARNING,
-                message = if (appSettings.saveFolder == null)
-                    stringResource(R.string.ui_recorder_lowOnStorage_hintANDswitchSaveFolder)
-                else stringResource(R.string.ui_recorder_lowOnStorage_hint)
-            )
+            BoxWithConstraints {
+                val isLarge = maxHeight > 600.dp;
+
+                MessageBox(
+                    type = MessageType.WARNING,
+                    message = if (appSettings.saveFolder == null)
+                        stringResource(R.string.ui_recorder_lowOnStorage_hintANDswitchSaveFolder)
+                    else stringResource(R.string.ui_recorder_lowOnStorage_hint),
+                    density = if (isLarge) VisualDensity.COMFORTABLE else VisualDensity.COMPACT
+                )
+            }
         }
 }
diff --git a/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/organisms/StartRecording.kt b/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/organisms/StartRecording.kt
index f59ad8e..3b8121b 100644
--- a/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/organisms/StartRecording.kt
+++ b/app/src/main/java/app/myzel394/alibi/ui/components/RecorderScreen/organisms/StartRecording.kt
@@ -103,7 +103,7 @@ fun StartRecording(
     Column(
         modifier = Modifier
             .fillMaxSize()
-            .padding(bottom = if (orientation == Configuration.ORIENTATION_PORTRAIT) 32.dp else 16.dp),
+            .padding(bottom = if (orientation == Configuration.ORIENTATION_PORTRAIT) 0.dp else 16.dp),
         verticalArrangement = Arrangement.SpaceBetween,
         horizontalAlignment = Alignment.CenterHorizontally,
     ) {