Merge pull request #26 from solid-software/25-horizontalhelpwidget-misalignments

fix #25

Author: solid-danylosafonov

lib/src/components/buttons/details_button.dart

@@ -28,7 +28,7 @@ class DetailsButton extends StatelessWidget {
     const chevronHeight = 6.4;
 
     const fontSize = 19.2;
-    const letterSpacing = -0.49;
+    const letterSpacing = -0.2;
 
     return MouseRegion(
       cursor: SystemMouseCursors.click,
@@ -48,7 +48,7 @@ class DetailsButton extends StatelessWidget {
                 color: color,
               ),
             ),
-            const SizedBox(width: 2),
+            const SizedBox(width: 6),
             Padding(
               padding: const EdgeInsets.only(top: 4.0),
               child: SizedBox(

lib/src/components/buttons/help_option_button.dart

@@ -39,7 +39,7 @@ class HelpOptionButton extends StatelessWidget {
   Widget build(BuildContext context) {
     const hoverOpacity = 0.1;
     const lineHeight = 0.6;
-    const letterSpacing = -0.42;
+    const letterSpacing = 0.3;
 
     return HoverWrapper(
       backgroundColor: backgroundColor,

lib/src/components/card_rounded/card_rounded.dart

@@ -50,7 +50,7 @@ class CardRounded extends StatelessWidget {
     this.width,
     this.onClose,
     this.closeButtonIcon,
-    this.closeButtonAlignment = const Alignment(1.02, -1.05),
+    this.closeButtonAlignment = const Alignment(1, -1.05),
     this.padding = const EdgeInsets.symmetric(
       vertical: 10,
       horizontal: 10,

lib/src/widgets/help_collection/horizontal_help_widget.dart

@@ -50,7 +50,7 @@ class HorizontalHelpWidget extends StatelessWidget {
             const SizedBox(width: 14),
             Column(
               mainAxisSize: MainAxisSize.min,
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              mainAxisAlignment: MainAxisAlignment.spaceAround,
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
                 Text(
@@ -59,7 +59,7 @@ class HorizontalHelpWidget extends StatelessWidget {
                     fontFamily: FontConfig.family,
                     fontSize: 20.8,
                     fontWeight: FontWeight.w700,
-                    letterSpacing: -0.322,
+                    letterSpacing: -0.174,
                   ),
                 ),
                 const SizedBox(height: 0.5),

lib/src/widgets/links_card_widget/links_card_button.dart

@@ -45,7 +45,7 @@ class _LinksCardButtonState extends State<LinksCardButton> {
                   fontSize: fontSize,
                 ),
           ),
-          const SizedBox(width: 4),
+          const SizedBox(width: 5),
           Icon(
             SFSymbols.chevron_up,
             color: color,

lib/src/widgets/links_card_widget/links_card_widget.dart

@@ -29,27 +29,17 @@ class LinksCardWidget extends StatelessWidget {
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: options,
         ),
-        const SizedBox(
-          height: 4,
-        ),
-        Row(
-          children: [
-            const SizedBox(
-              width: 3,
-            ),
-            Expanded(
-              child: Container(
-                color: const Color(0xffe5e5e5),
-                height: 1,
-              ),
-            ),
-            const SizedBox(
-              width: 3,
-            ),
-          ],
-        ),
-        const SizedBox(
-          height: 10,
+        Padding(
+          padding: const EdgeInsets.only(
+            top: 1,
+            bottom: 10,
+            left: 3,
+            right: 3,
+          ),
+          child: Container(
+            color: const Color(0xffe5e5e5),
+            height: 1,
+          ),
         ),
         LinksCardButton(onTap: onClose),
       ],