diff --git a/public/assets/css/search.css b/public/assets/css/search.css
index a56e400..83cb33b 100644
--- a/public/assets/css/search.css
+++ b/public/assets/css/search.css
@@ -119,17 +119,32 @@ header h1 {
align-items: center;
}
+.resultsFooter p {
+ text-align: center;
+ padding: 0 var(--padding);
+}
+
+.resultsFooter p span:last-child {
+ display: none;
+}
+
.resultsFooter svg {
width: 41px;
height: 40px;
+ flex: none;
}
.resultsFooter svg polygon {
fill: none;
- stroke: var(--swatch-contrast);
+ stroke: rgba(var(--palette-contrast),.1);
stroke-width: 1px;
}
+.resultsFooter svg.active polygon {
+ fill: var(--swatch-contrast);
+ stroke: var(--swatch-contrast);
+}
+
/* ---- */
.button {
@@ -153,6 +168,12 @@ header h1 {
}
}
+@media (min-width: 600px) {
+ .resultsFooter p span:last-child {
+ display: initial;
+ }
+}
+
@media (hover: hover) {
.button:hover {
background-color: rgba(var(--palette-contrast),0);
@@ -168,10 +189,14 @@ header h1 {
/* ---- */
- .resultsFooter svg:hover polygon {
- fill: var(--swatch-contrast);
+ .resultsFooter svg.active:hover polygon {
+ fill: var(--swatch-background);
cursor: pointer;
}
+
+ .resultsFooter svg.active:active polygon {
+ fill: rgba(var(--palette-contrast),.1);
+ }
}
@media (pointer: fine) {
diff --git a/public/search.html b/public/search.html
index 7566ab2..b8d2445 100644
--- a/public/search.html
+++ b/public/search.html
@@ -9,6 +9,7 @@
+
diff --git a/src/search/templates/result_about.html b/src/search/templates/result_about.html
index e9c39ae..8e3ac33 100644
--- a/src/search/templates/result_about.html
+++ b/src/search/templates/result_about.html
@@ -1,5 +1,5 @@
\ No newline at end of file