fixup to images in a row, closes zulip#193 actually

Author: sirpengi

lib/widgets/content.dart

@@ -255,8 +255,7 @@ class MessageImages extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Row(
-      crossAxisAlignment: CrossAxisAlignment.start,
+    return Wrap(
       children: node.images.map((imageNode) => MessageImage(node: imageNode)).toList());
   }
 }
@@ -270,7 +269,6 @@ class MessageImage extends StatelessWidget {
   Widget build(BuildContext context) {
     final message = InheritedMessage.of(context);
 
-    // TODO(#193) multiple images in a row
     // TODO image hover animation
     final src = node.srcUrl;
 
@@ -290,16 +288,15 @@ class MessageImage extends StatelessWidget {
           color: const Color.fromRGBO(0, 0, 0, 0.03),
           child: Padding(
             padding: const EdgeInsets.all(1),
-            child: Center(
-              child: SizedBox(
-                height: 100,
-                width: 150,
-                child: LightboxHero(
-                  message: message,
-                  src: resolvedSrc,
-                  child: RealmContentNetworkImage(
-                    resolvedSrc,
-                    filterQuality: FilterQuality.medium))))))));
+            child: SizedBox(
+              height: 100,
+              width: 150,
+              child: LightboxHero(
+                message: message,
+                src: resolvedSrc,
+                child: RealmContentNetworkImage(
+                  resolvedSrc,
+                  filterQuality: FilterQuality.medium)))))));
   }
 }