diff --git a/src/App.svelte b/src/App.svelte
index d3e8a7b..1242608 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -408,4 +408,9 @@
padding: 0;
}
}
+ @media only screen and (max-width: 1400px) {
+ .filters-holder {
+ grid-template-columns: repeat(2, 1fr);
+ }
+ }
diff --git a/src/Filter.svelte b/src/Filter.svelte
index d94e84b..0c1d007 100644
--- a/src/Filter.svelte
+++ b/src/Filter.svelte
@@ -93,7 +93,7 @@
background-color: #fff;
padding: 10px;
/* border: 1px solid #999; */
- border: 1px solid var(--b2);
+ border: 1px solid var(--b1);
/* box-shadow: 5px 5px 0px #000; */
}
.filter-holder,
@@ -113,15 +113,22 @@
margin-bottom: 5px;
display: flex;
justify-content: space-between;
+ align-items: center;
}
+
.param-holder {
- /* border-top: 1px solid #999; */
- border-top: 1px solid var(--b2);
+ border-top: 1px solid var(--b1);
padding: 10px 0px;
}
.param-holder:last-child {
padding-bottom: 0;
}
+ .p-value {
+ display: flex;
+ }
+ input[type="range"] {
+ margin-right: 5px;
+ }
.p-description {
opacity: 0.8;
font-size: 0.9em;
diff --git a/src/FilterPicker.svelte b/src/FilterPicker.svelte
index b4c72b9..ed96a42 100644
--- a/src/FilterPicker.svelte
+++ b/src/FilterPicker.svelte
@@ -57,7 +57,7 @@
-
+