Add centered styling for Expand/Collapse All menu items

- Created semantic class 'menu-item-action' for action controls
- Applied width: calc(100% - 65px) to make items slightly narrower
- Applied text-align: center to center content
- Affects only Expand All and Collapse All menu items
- Preserves all existing functionality and base menu-item styles
- Makes action items visually distinct from navigation items

templates/index.html

@@ -194,11 +194,11 @@
     <!-- Navigation Menu (Hidden by default) -->
     <nav id="navigation-menu" class="navigation-menu no-print" role="navigation" aria-label="CV sections">
         <div class="menu-content">
-            <a href="#" class="menu-item" onclick="expandAllSections(event)">
+            <a href="#" class="menu-item menu-item-action" onclick="expandAllSections(event)">
                 <iconify-icon icon="mdi:arrow-expand-all" width="20" height="20"></iconify-icon>
                 <span>{{if eq .Lang "es"}}Expandir Todo{{else}}Expand All{{end}}</span>
             </a>
-            <a href="#" class="menu-item" onclick="collapseAllSections(event)">
+            <a href="#" class="menu-item menu-item-action" onclick="collapseAllSections(event)">
                 <iconify-icon icon="mdi:arrow-collapse-all" width="20" height="20"></iconify-icon>
                 <span>{{if eq .Lang "es"}}Colapsar Todo{{else}}Collapse All{{end}}</span>
             </a>