Merge pull request #203 from devgeniem/TMS-1163

TMS-1163: Search result changes

Author: eebbi

CHANGELOG.MD

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+- TMS-1163: Search results breadcrumbs accessibility fixes
+
 ## [1.10.0] - 2025-08-13
 
 - TMS-1158: Remove micromodal close attribute from mobile-nav container

assets/styles/views/_search.scss

@@ -58,13 +58,19 @@ $search-item-hover: $primary-dark !default;
 
     &__inner {
         display: flex;
-        flex-direction: column-reverse;
+        flex-direction: column;
 
         @include from($desktop) {
             margin-right: 8.06rem;
         }
     }
 
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
     &__meta-item,
     &__title {
         a {

partials/views/search/results.dust

@@ -7,21 +7,27 @@
         <div class="search-item mb-6 p-6 p-8-desktop {template_classes.search_item|s}">
             <div class="search-item__inner">
 
-                <div>
+                <div class="search-item__content">
                     <h2 class="h5 mt-4 mb-0 searcwh-item__title">
                         <a href="{permalink|url}" class="">
                             {post_title|html}
                         </a>
                     </h2>
 
+                    {?meta}
+                        <div class="search-item__meta-container has-text-weight-medium mt-4">
+                            {>"views/search/search-item-meta"  /}
+                        </div>
+                    {/meta}
+
                     {?post_excerpt}
                         <p class="mt-4 mb-0 {template_classes.search_item_excerpt|attr}">
                             {post_excerpt|html}
                         </p>
                     {/post_excerpt}
                 </div>
 
-                <div>
+                <div class="mt-4">
                     {?breadcrumbs}
                         <div class="search-item__meta-container has-text-weight-medium">
                             <span class="is-sr-only">{Strings.s.search.breadcrumbs|html} </span>
@@ -52,12 +58,6 @@
                             </div>
                         </div>
                     {/breadcrumbs}
-
-                    {?meta}
-                        <div class="search-item__meta-container has-text-weight-medium">
-                            {>"views/search/search-item-meta"  /}
-                        </div>
-                    {/meta}
                 </div>
 
             </div>