-
+
+
+
+
+
+
+
-
-
-
-
-
- = __d('result','search.retry'); ?>
-
-
-
+
+
+ = __d('result','search.retry'); ?>
+
+
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index e5a73246d..d4ba15af4 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -705,23 +705,16 @@ ul.form-list li.alert-banner .co-alert {
list-style: none;
display: inline;
}
-#search-results-meta li:after {
- content: ",";
-}
-#search-results-meta li:first-child:after,
-#search-results-meta li:last-child:after {
- content: "";
-}
#search-results ul.search-results-group {
padding: 0;
list-style: none;
- display: grid;
- gap: 1em;
- margin-bottom: 0;
+ margin: 1.5em 0 0;
}
#search-results li.search-result {
padding: 0;
+ margin-bottom: 1.5em;
border: 1px dashed var(--cmg-color-bg-008);
+ break-inside: avoid;
}
#search-results li.search-result a {
display: block;
@@ -740,6 +733,11 @@ ul.form-list li.alert-banner .co-alert {
#search-results .search-result-match-info {
font-size: 0.8em;
}
+#search-results .search-result-tab {
+ display: flex;
+ align-items: center;
+ gap: 0.5em;
+}
#search-results .accordion-body {
padding: 1em;
}
diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css
index 22fc96c68..1ba426474 100644
--- a/app/webroot/css/co-responsive.css
+++ b/app/webroot/css/co-responsive.css
@@ -199,8 +199,13 @@
border-right: 1px dashed var(--cmg-color-bg-006);
}
/* SEARCH RESULTS */
+ body.search .pageTitleContainer {
+ justify-content: start;
+ gap: 1em;
+ }
#search-results ul.search-results-group {
- grid-template-columns: repeat(2,1fr);
+ column-count: 2;
+ column-gap: 1.25em;
}
#top-menu {
z-index: 30;
@@ -423,7 +428,7 @@
}
/* SEARCH RESULTS */
#search-results ul.search-results-group {
- grid-template-columns: repeat(4,1fr);
+ column-count: 3;
}
}
@@ -431,7 +436,10 @@
/**************************************************************************************************************/
/* Extra large devices (desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
-
+ /* SEARCH RESULTS */
+ #search-results ul.search-results-group {
+ column-count: 4;
+ }
}
/* SPECIAL */