Small fix

Author: RobiNN1

assets/css/styles.css

@@ -1813,6 +1813,10 @@ svg {
   vertical-align: middle;
 }
 
+.\[\&\>svg\]\:align-\[-0\.05rem\]>svg {
+  vertical-align: -0.05rem;
+}
+
 .\[\&\:last-child\>\*\]\:border-0:last-child>* {
   border-width: 0px;
 }

templates/partials/keys_table.twig

@@ -39,10 +39,10 @@
                         </td>
                         <td class="border-b border-gray-100 px-3 md:px-5 py-2 text-sm whitespace-nowrap">
                             {% set edit_url = edit_url|replace({'ttl_value': key_ttl}) %}
-                            <a class="text-gray-500 hover:text-gray-700 font-semibold mr-3" href="{{ edit_url ~ key.key }}" title="Edit">
+                            <a class="text-gray-500 hover:text-gray-700 font-semibold mr-3 [&>svg]:align-[-0.05rem]" href="{{ edit_url ~ key.key }}" title="Edit">
                                 {{ svg('edit', 12) }}<span class="hidden lg:inline-block ml-1">Edit</span>
                             </a>
-                            <button class="text-red-500 hover:text-red-700 font-semibold delete-key" type="button" title="Delete">
+                            <button class="text-red-500 hover:text-red-700 font-semibold [&>svg]:align-[-0.05rem] delete-key" type="button" title="Delete">
                                 {{ svg('trash', 12) }}<span class="hidden lg:inline-block ml-1">Delete</span>
                             </button>
                         </td>

templates/partials/view_key.twig

@@ -26,7 +26,7 @@
 </div>
 
 {% if value is iterable %}
-    <a href="{{ add_subkey }}" class="text-{{ color }}-500 hover:text-{{ color }}-700 font-semibold inline-flex items-center mb-2">
+    <a href="{{ add_subkey }}" class="text-{{ color }}-500 hover:text-{{ color }}-700 font-semibold inline-flex items-center gap-1 mb-2">
         {{ svg('open') }} Add another value
     </a>
 
@@ -67,10 +67,10 @@
                 </span>
 
                 <div>
-                    <a href="{{ edit_url }}&{{ param_name }}={{ item.key ~ item_encode_url }}" class="text-gray-500 hover:text-gray-700 font-semibold mr-3 inline-block mr-3">
+                    <a href="{{ edit_url }}&{{ param_name }}={{ item.key ~ item_encode_url }}" class="text-gray-500 hover:text-gray-700 font-semibold mr-3 inline-block mr-3 [&>svg]:align-[-0.05rem]">
                         {{ svg('edit', 13) }} Edit
                     </a>
-                    <a href="{{ delete_url }}&{{ param_name }}={{ item.key }}" class="text-red-500 hover:text-red-700 font-semibold inline-block"
+                    <a href="{{ delete_url }}&{{ param_name }}={{ item.key }}" class="text-red-500 hover:text-red-700 font-semibold inline-block [&>svg]:align-[-0.05rem]"
                        onclick="return confirm('Are you sure you want to remove this item?');">
                         {{ svg('trash', 13) }} Delete
                     </a>