[UserAvatar] Fix online status indicator size

Signed-off-by: Sahil Kumar <[email protected]>

lib/src/channel_bottom_sheet.dart

@@ -74,7 +74,7 @@ class _ChannelBottomSheetState extends State<ChannelBottomSheet> {
                   ),
                   borderRadius: BorderRadius.circular(32.0),
                   onlineIndicatorConstraints:
-                      BoxConstraints.tight(Size(16.0, 16.0)),
+                      BoxConstraints.tight(Size(12.0, 12.0)),
                 ),
                 SizedBox(
                   height: 6.0,
@@ -110,6 +110,8 @@ class _ChannelBottomSheetState extends State<ChannelBottomSheet> {
                             maxWidth: 64.0,
                           ),
                           borderRadius: BorderRadius.circular(32.0),
+                          onlineIndicatorConstraints:
+                              BoxConstraints.tight(Size(12.0, 12.0)),
                         ),
                         SizedBox(
                           height: 6.0,

lib/src/user_avatar.dart

@@ -92,18 +92,18 @@ class UserAvatar extends StatelessWidget {
                 child: Material(
                   type: MaterialType.circle,
                   child: Container(
-                    padding: const EdgeInsets.all(2.0),
+                    margin: const EdgeInsets.all(2.0),
                     constraints: onlineIndicatorConstraints ??
                         BoxConstraints.tightFor(
-                          width: 12,
-                          height: 12,
+                          width: 8,
+                          height: 8,
                         ),
                     child: Material(
                       shape: CircleBorder(),
                       color: streamChatTheme.colorTheme.accentGreen,
                     ),
                   ),
-                  color: StreamChatTheme.of(context).colorTheme.white,
+                  color: streamChatTheme.colorTheme.white,
                 ),
               ),
             ),