diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index 9a0fc25..db84d0b 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -5,6 +5,6 @@ export default function Input({ error, placeholder, value, setValue, className }
return
setValue(e.target.value)} />
- {error}
+ {error && {error}}
;
}
diff --git a/src/components/Kink.tsx b/src/components/Kink.tsx
index 5f1b1da..77257f2 100644
--- a/src/components/Kink.tsx
+++ b/src/components/Kink.tsx
@@ -8,7 +8,7 @@ export default function Kink({ kink: [kink, positions, , description], ratings,
{kink}
- {description}
+ {description && {description}}
|
{positions.map((pos, p) => (
diff --git a/src/components/Rewind.module.css b/src/components/Rewind.module.css
index f7167f1..47b8085 100644
--- a/src/components/Rewind.module.css
+++ b/src/components/Rewind.module.css
@@ -13,12 +13,21 @@
}
.settings {
- flex-wrap: wrap;
+ display: flex;
+ flex-flow: row wrap;
width: 63.2em;
justify-content: space-between;
padding: 1em 0;
}
+@media screen and (width <= 600px) {
+ .settings {
+ flex-direction: column;
+ font-size: 2.5em;
+ width: 25.28em;
+ }
+}
+
.sexrewind {
width: 7.5em;
height: 7.5em;
diff --git a/src/components/Rewind.tsx b/src/components/Rewind.tsx
index 50c0420..f9e63e7 100644
--- a/src/components/Rewind.tsx
+++ b/src/components/Rewind.tsx
@@ -8,7 +8,7 @@ export default function Rewind() {
const [sexmins, setSexmins] = useState("0");
const [sexpartners, setSexpartners] = useState("0");
return
- |