feat(notifications/native): some UI arrangements for smaller devices (#14896)

* feat(notifications): fixed styles on smaller devices
11 months ago · 4e727e9093
parent 7fbf47c6f3
commit 4e727e9093
2 changed files with 4 additions and 5 deletions
--- a/react/features/conference/components/native/styles.ts
+++ b/react/features/conference/components/native/styles.ts
@ -44,7 +44,7 @@ export default {
    },

    displayNameContainer: {
-        margin: 10
+        margin: BaseTheme.spacing[3]
    },

    /**
--- a/react/features/notifications/components/native/styles.ts
+++ b/react/features/notifications/components/native/styles.ts
@ -14,10 +14,9 @@ const notification = {
    display: 'flex',
    flexDirection: 'row',
    height: 'auto',
-    paddingBottom: BaseTheme.spacing[2],
-    paddingHorizontal: BaseTheme.spacing[2],
-    maxWidth: 432,
-    width: 'auto'
+    marginVertical: BaseTheme.spacing[1],
+    maxWidth: 416,
+    width: '100%'
 };

 /**