Change comment formatting to be Cards with hierarchy (needs more fixing though)

lib/controls/timeline/status_control.dart

@@ -62,8 +62,9 @@ class _StatusControlState extends State<StatusControl> {
   Widget build(BuildContext context) {
     final manager = context.watch<TimelineManager>();
     _logger.finest('Building ${item.entry.toShortString()}');
-    return Padding(
-      padding: const EdgeInsets.all(8.0),
+    final padding = isPost ? 8.0 : 8.0;
+    final body = Padding(
+      padding: EdgeInsets.all(padding),
       child: Column(
         mainAxisAlignment: MainAxisAlignment.start,
         crossAxisAlignment: CrossAxisAlignment.start,
@@ -120,6 +121,10 @@ class _StatusControlState extends State<StatusControl> {
         ],
       ),
     );
+
+    return isPost
+        ? body
+        : Card(color: Theme.of(context).splashColor, child: body);
   }
 
   Widget buildHeader(BuildContext context) {
@@ -235,16 +240,16 @@ class _StatusControlState extends State<StatusControl> {
 
   Widget buildChildComments(BuildContext context) {
     final comments = widget.originalItem.children;
+
     if (comments.isEmpty) {
       return Text('No comments');
     }
     return Padding(
-        padding: EdgeInsets.only(left: 20.0, top: 5.0),
+        padding: EdgeInsets.only(left: 5.0, top: 5.0),
         child: Row(
           mainAxisAlignment: MainAxisAlignment.start,
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            Icon(Icons.subdirectory_arrow_right),
             Expanded(
               child: Column(
                 children: comments