Display fixes on resources, links added

AGENTS.md

@@ -330,7 +330,7 @@ The project uses a base template system at `labhelper/templates/base.html`. All
 - Cards: White with subtle shadows
 
 **Components:**
-- **Navigation**: Glassmorphism effect with blur backdrop
+- **Navigation**: Glassmorphism effect with blur backdrop. Desktop (≥769px) shows horizontal menu with dropdown for authenticated user (contains Box Management, Resources, Admin, Logout)
 - **Buttons**: Gradient backgrounds with hover lift effect
 - **Cards**: White with rounded corners and box shadows
 - **Tables**: Gradient headers with hover row effects
@@ -352,7 +352,7 @@ The project uses a base template system at `labhelper/templates/base.html`. All
 - Grid layouts with `repeat(auto-fill, minmax(250px, 1fr))`
 - Flexbox for component layouts
 - Breakpoints handled by grid and flex-wrap
-- **Navigation**: Responsive navbar with hamburger menu on mobile (≤768px) and full horizontal menu on desktop (≥769px)
+- **Navigation**: Responsive navbar with hamburger menu on mobile (≤768px) and horizontal menu with user dropdown on desktop (≥769px). Mobile keeps all items in the dropdown list
 
 ### CSS Guidelines
 
@@ -439,6 +439,13 @@ The project uses a base template system at `labhelper/templates/base.html`. All
     </p>
     ```
 
+7. **Icon alignment in lists**: When using icons in list items, use fixed width containers to ensure proper alignment
+    ```django
+    <a href="{% url 'thing_detail' thing.id %}" style="display: inline-block; width: 20px; text-align: center;">
+        <i class="fas fa-link"></i>
+    </a>
+    ```
+
 ### Markdown Support
 
 The `Thing.description` field supports Markdown formatting with HTML sanitization for security.