From 6eb2dd77503cffc76d7c49f08a19e1cba3bd7f20 Mon Sep 17 00:00:00 2001
From: Alexandr Chernyaev <bliz48rus@gmail.com>
Date: Tue, 4 Feb 2025 02:36:08 +0300
Subject: [PATCH] Improve `line-height` for feature tab

---
 resources/views/pages/feature.blade.php | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/views/pages/feature.blade.php b/resources/views/pages/feature.blade.php
index 43aea97b..e479177d 100644
--- a/resources/views/pages/feature.blade.php
+++ b/resources/views/pages/feature.blade.php
@@ -34,28 +34,28 @@ class="d-none d-md-inline-flex link-body-emphasis text-decoration-none icon-link
                     <li class="col d-flex flex-column flex-lg-row gap-3 gap-lg-4 rounded p-3 p-xxl-4 align-items-center align-items-lg-start" id="first" data-tabs-target="tab" data-action="click->tabs#change:prevent">
                         <x-icon path="i.inertia" class="text-body-secondary flex-shrink-0" width="2rem" height="2rem"/>
                         <a href="#"
-                           class="text-body-secondary text-decoration-none"
+                           class="text-body-secondary text-decoration-none flex-column gap-1"
                            data-action="keydown.left->tabs#previousTab keydown.right->tabs#nextTab keydown.home->tabs#firstTab:prevent keydown.end->tabs#lastTab:prevent">
                             <h5 class="mb-0">Inertia</h5>
-                            <small class="opacity-75 d-none d-lg-block">Усовершенствуйте Laravel с помощью React, Vue или Svelte</small>
+                            <small class="opacity-75 d-none d-lg-block lh-sm">Усовершенствуйте Laravel с помощью React, Vue или Svelte</small>
                         </a>
                     </li>
                     <li class="col d-flex flex-column flex-lg-row gap-3 gap-lg-4 rounded p-3 p-xxl-4 align-items-center align-items-lg-start" id="second" data-tabs-target="tab" data-action="click->tabs#change:prevent">
                         <x-icon path="i.livewire" class="text-body-secondary flex-shrink-0" width="2rem" height="2rem"/>
                         <a href="#"
-                           class="text-body-secondary text-decoration-none"
+                           class="text-body-secondary text-decoration-none flex-column gap-1"
                            data-action="keydown.left->tabs#previousTab keydown.right->tabs#nextTab keydown.home->tabs#firstTab:prevent keydown.end->tabs#lastTab:prevent">
                             <h5 class="mb-0">Livewire</h5>
-                            <small class="opacity-75 d-none d-lg-block">Реактивные шаблоны, построенные с помощью PHP</small>
+                            <small class="opacity-75 d-none d-lg-block lh-sm">Реактивные шаблоны, построенные с помощью PHP</small>
                         </a>
                     </li>
                     <li class="col d-flex flex-column flex-lg-row gap-3 gap-lg-4 rounded p-3 p-xxl-4 align-items-center align-items-lg-start" id="third" data-tabs-target="tab" data-action="click->tabs#change:prevent">
                         <x-icon path="i.spa" class="text-body-secondary flex-shrink-0" width="2rem" height="2rem"/>
                         <a href="#"
-                           class="text-body-secondary text-decoration-none"
+                           class="text-body-secondary text-decoration-none flex-column gap-1"
                            data-action="keydown.left->tabs#previousTab keydown.right->tabs#nextTab keydown.home->tabs#firstTab:prevent keydown.end->tabs#lastTab:prevent">
                             <h5 class="mb-0">API</h5>
-                            <small class="opacity-75 d-none d-lg-block">Создавайте мощные API быстрее, чем когда-либо</small>
+                            <small class="opacity-75 d-none d-lg-block lh-sm">Создавайте мощные API быстрее, чем когда-либо</small>
                         </a>
                     </li>
                 </div>