chore: fix positioning in word zoom widget header buttons (#2664)

lib/pangea/toolbar/widgets/practice_activity/word_audio_button.dart

@@ -72,6 +72,10 @@ class WordAudioButtonState extends State<WordAudioButton> {
           tooltip:
               _isPlaying ? L10n.of(context).stop : L10n.of(context).playAudio,
           iconSize: widget.size,
+          style: IconButton.styleFrom(
+            padding: const EdgeInsets.all(0),
+          ),
+          constraints: const BoxConstraints(),
           onPressed: widget.callbackOverride ??
               () async {
                 if (_isPlaying) {

lib/pangea/toolbar/widgets/word_zoom/lemma_widget.dart

@@ -168,6 +168,7 @@ class LemmaWidgetState extends State<LemmaWidget> {
     }
 
     return Row(
+      spacing: 8.0,
       children: [
         Text(
           widget.token.lemma.text,

lib/pangea/toolbar/widgets/word_zoom/word_zoom_widget.dart

@@ -71,11 +71,15 @@ class WordZoomWidget extends StatelessWidget {
                   //@ggurdin - might need to play with size to properly center
                   SizedBox(
                     width: 24.0,
+                    height: 24.0,
                     child: IconButton(
                       onPressed: () => overlayController.updateSelectedSpan(
                         token.text,
                       ),
                       icon: const Icon(Icons.close),
+                      style: IconButton.styleFrom(
+                        padding: EdgeInsets.zero,
+                      ),
                     ),
                   ),
                   LemmaWidget(
@@ -164,6 +168,7 @@ class WordZoomWidget extends StatelessWidget {
             Wrap(
               alignment: WrapAlignment.center,
               crossAxisAlignment: WrapCrossAlignment.center,
+              spacing: 8.0,
               children: [
                 ...[
                   Text(