Update search card layout

lib/components/search/parts/header.dart

@@ -10,6 +10,8 @@ class JapaneseHeader extends StatelessWidget {
     final hasFurigana = (_word.word != null);
 
     return Container(
+      alignment: Alignment.centerLeft,
+      padding: EdgeInsets.only(left: 10.0),
       child: Column(
         children: [
           (hasFurigana) ? Text(_word.reading) : Text(''),

lib/components/search/parts/other_forms.dart

@@ -8,9 +8,18 @@ class OtherForms extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-        child: Row(
+      child: Column(
-      children: _otherForms.map((form) => _KanaBox(form)).toList(),
+        children: [
-    ));
+          Text(
+            'Other Forms',
+            style: TextStyle(fontWeight: FontWeight.bold),
+          ),
+          Row(
+            children: _otherForms.map((form) => _KanaBox(form)).toList(),
+          ),
+        ],
+      ),
+    );
   }
 }
 
@@ -47,4 +56,4 @@ class _KanaBox extends StatelessWidget {
       ),
     );
   }
-}
+}

lib/components/search/parts/senses.dart

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+import 'package:unofficial_jisho_api/parser.dart';
+
+class Senses extends StatelessWidget {
+  final List<JishoWordSense> _senses;
+  const Senses(this._senses);
+
+  @override
+  Widget build(BuildContext context) {
+    final List<Widget> _senseWidgets =
+        _senses.map((sense) => _Sense(sense)).toList();
+
+    return Container(
+        child: Column(
+      children: _senseWidgets,
+    ));
+  }
+}
+
+class _Sense extends StatelessWidget {
+  final JishoWordSense _sense;
+  const _Sense(this._sense);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      child: Column(
+        children: [
+          Text(
+            _sense.parts_of_speech.join(', '),
+            style: TextStyle(fontWeight: FontWeight.bold),
+            textAlign: TextAlign.left,
+          ),
+          Column(
+            children:
+                _sense.english_definitions.map((def) => Text(def)).toList(),
+          )
+        ],
+      ),
+    );
+  }
+}

lib/components/search/search_card.dart

@@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:unofficial_jisho_api/api.dart';
 
 import 'parts/header.dart';
+import 'parts/senses.dart';
 import 'parts/other_forms.dart';
 
 class SearchResultCard extends StatelessWidget {
@@ -19,8 +20,10 @@ class SearchResultCard extends StatelessWidget {
   Widget build(BuildContext context) {
     return ExpansionTile(
       title: JapaneseHeader(_mainWord),
-      children: [OtherForms(_otherForms)],
+      children: [
+        Senses(_result.senses),
+        OtherForms(_otherForms),
+      ],
     );
   }
 }
-