Update UART screen

profile_prx/src/main/java/no/nordicsemi/android/prx/view/PRXContentView.kt

@@ -54,7 +54,6 @@ import no.nordicsemi.android.ui.view.SectionTitle
 @Composable
 internal fun ContentView(state: PRXData, onEvent: (PRXScreenViewEvent) -> Unit) {
     Column(
-        modifier = Modifier.padding(16.dp),
         horizontalAlignment = Alignment.CenterHorizontally
     ) {
         SettingsSection(state, onEvent)

profile_rscs/src/main/java/no/nordicsemi/android/rscs/view/RSCSContentView.kt

@@ -34,7 +34,6 @@ package no.nordicsemi.android.rscs.view
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Button
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
@@ -51,7 +50,6 @@ import no.nordicsemi.android.ui.view.BatteryLevelView
 internal fun RSCSContentView(state: RSCSData, onEvent: (RSCScreenViewEvent) -> Unit) {
     Column(
         horizontalAlignment = Alignment.CenterHorizontally,
-        modifier = Modifier.padding(16.dp)
     ) {
         SensorsReadingView(state = state)
 

profile_rscs/src/main/java/no/nordicsemi/android/rscs/view/SensorsReadingView.kt

@@ -42,11 +42,12 @@ import androidx.compose.ui.unit.dp
 import no.nordicsemi.android.rscs.R
 import no.nordicsemi.android.rscs.data.RSCSData
 import no.nordicsemi.android.ui.view.KeyValueField
+import no.nordicsemi.android.ui.view.ScreenSection
 import no.nordicsemi.android.ui.view.SectionTitle
 
 @Composable
 internal fun SensorsReadingView(state: RSCSData) {
-    OutlinedCard {
+    ScreenSection {
         SectionTitle(resId = R.drawable.ic_records, title = "Records")
 
         Spacer(modifier = Modifier.height(16.dp))

profile_uart/src/main/java/no/nordicsemi/android/uart/view/MacroSection.kt

@@ -37,6 +37,7 @@ import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.heightIn
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.rememberScrollState
@@ -86,6 +87,7 @@ internal fun MacroSection(viewState: UARTViewState, onEvent: (UARTViewEvent) ->
             .fillMaxSize()
             .verticalScroll(rememberScrollState())
             .padding(16.dp)
+            .heightIn(min = 400.dp)
     ) {
         ScreenSection {
             Column(

profile_uart/src/main/java/no/nordicsemi/android/uart/view/UARTContentView.kt

@@ -31,18 +31,19 @@
 
 package no.nordicsemi.android.uart.view
 
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
-import androidx.compose.material3.Card
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.unit.dp
 import no.nordicsemi.android.uart.data.UARTData
+import no.nordicsemi.android.ui.view.ScreenSection
 
 @Composable
 internal fun UARTContentView(
@@ -56,16 +57,11 @@ internal fun UARTContentView(
             .fillMaxSize()
     ) {
 
-        Card(
+        Box(modifier = Modifier.weight(1f)) {
-            modifier = Modifier
+            ScreenSection {
-                .weight(1f)
+                Column(modifier = Modifier.fillMaxWidth()) {
-        ) {
+                    OutputSection(state.displayMessages, onEvent)
-            Column(
+                }
-                modifier = Modifier
-                    .fillMaxWidth()
-                    .padding(start = 16.dp, top = 16.dp, end = 16.dp)
-            ) {
-                OutputSection(state.displayMessages, onEvent)
             }
         }
 

profile_uart/src/main/java/no/nordicsemi/android/uart/view/UARTScreen.kt

@@ -32,6 +32,8 @@
 package no.nordicsemi.android.uart.view
 
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.verticalScroll
@@ -39,6 +41,7 @@ import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Scaffold
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
@@ -77,10 +80,7 @@ fun UARTScreen() {
         topBar = { AppBar(state, navigateUp) { viewModel.onEvent(it) } }
     ) {
         Column(
-            modifier = Modifier
+            modifier = Modifier.padding(it)
-                .padding(it)
-                .padding(16.dp)
-                .verticalScroll(rememberScrollState())
         ) {
             when (state.uartManagerState) {
                 NoDeviceState -> DeviceConnectingView()
@@ -116,17 +116,23 @@ private fun AppBar(state: UARTViewState, navigateUp: () -> Unit, onEvent: (UARTV
 
 @Composable
 private fun SuccessScreen(data: UARTData, state: UARTViewState, viewModel: UARTViewModel) {
-    val viewEntity = PagerViewEntity(
+    val input = stringResource(id = R.string.uart_input)
+    val macros = stringResource(id = R.string.uart_macros)
+    val viewEntity = remember { PagerViewEntity(
         listOf(
-            PagerViewItem(stringResource(id = R.string.uart_input)) {
+            PagerViewItem(input) {
                 UARTContentView(data) { viewModel.onEvent(it) }
             },
-            PagerViewItem(stringResource(id = R.string.uart_macros)) {
+            PagerViewItem(macros) {
                 MacroSection(state) { viewModel.onEvent(it) }
             }
         )
+    ) }
+    PagerView(
+        viewEntity = viewEntity,
+        modifier = Modifier.fillMaxSize(),
+        itemSpacing = 16.dp
     )
-    PagerView(viewEntity)
 }
 
 @Composable