1 files changed, 6 insertions, 9 deletions
diff --git a/wallet/src/main/java/net/taler/wallet/payment/PayTemplateComposable.kt b/wallet/src/main/java/net/taler/wallet/payment/PayTemplateComposable.kt
index b6c2fb1..ffa4875 100644
--- a/wallet/src/main/java/net/taler/wallet/payment/PayTemplateComposable.kt
+++ b/wallet/src/main/java/net/taler/wallet/payment/PayTemplateComposable.kt
@@ -18,7 +18,7 @@ package net.taler.wallet.payment
 
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.material3.CircularProgressIndicator
+import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
@@ -26,10 +26,12 @@ import androidx.compose.ui.Alignment.Companion.Center
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
 import net.taler.common.Amount
 import net.taler.common.ContractTerms
 import net.taler.wallet.AmountResult
 import net.taler.wallet.R
+import net.taler.wallet.compose.LoadingScreen
 import net.taler.wallet.compose.TalerSurface
 
 sealed class AmountFieldStatus {
@@ -86,7 +88,7 @@ fun PayTemplateComposable(
 @Composable
 fun PayTemplateError(message: String) {
     Box(
-        modifier = Modifier.fillMaxSize(),
+        modifier = Modifier.padding(16.dp).fillMaxSize(),
         contentAlignment = Center,
     ) {
         Text(
@@ -99,12 +101,7 @@ fun PayTemplateError(message: String) {
 
 @Composable
 fun PayTemplateLoading() {
-    Box(
-        modifier = Modifier.fillMaxSize(),
-        contentAlignment = Center,
-    ) {
-        CircularProgressIndicator()
-    }
+    LoadingScreen()
 }
 
 @Preview
@@ -149,7 +146,7 @@ fun PayTemplateInsufficientBalancePreview() {
     }
 }
 
-@Preview
+@Preview(widthDp = 300)
 @Composable
 fun PayTemplateAlreadyPaidPreview() {
     TalerSurface {