From 488531d1d5b2a2fa273901ba70782f8d8b86f9bd Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <256895@studenti.unimore.it>
Date: Tue, 27 Apr 2021 16:52:54 +0200
Subject: [PATCH 1/3] =?UTF-8?q?=E2=9C=A8=20Add=20Slider?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/frontend/src/components/Slider.js        | 23 ++++++++++++
 .../frontend/src/components/Slider.module.css | 36 +++++++++++++++++++
 2 files changed, 59 insertions(+)
 create mode 100644 code/frontend/src/components/Slider.js
 create mode 100644 code/frontend/src/components/Slider.module.css

diff --git a/code/frontend/src/components/Slider.js b/code/frontend/src/components/Slider.js
new file mode 100644
index 0000000..e6689ea
--- /dev/null
+++ b/code/frontend/src/components/Slider.js
@@ -0,0 +1,23 @@
+import React from "react"
+import Style from "./Slider.module.css"
+import classNames from "classnames"
+
+
+/**
+ * A slider that allows to select a numeric value in a range.
+ *
+ * @todo Custom styling only works on Firefox!
+ *
+ * @param className - Additional class(es) to add to the element.
+ * @param props - Additional props to pass to the element.
+ * @returns {JSX.Element}
+ * @constructor
+ */
+export default function Slider({ className, ...props }) {
+    return (
+        <input
+            type={"range"}
+            className={classNames(Style.Slider, className)} {...props}
+        />
+    )
+}
diff --git a/code/frontend/src/components/Slider.module.css b/code/frontend/src/components/Slider.module.css
new file mode 100644
index 0000000..488dce0
--- /dev/null
+++ b/code/frontend/src/components/Slider.module.css
@@ -0,0 +1,36 @@
+.Slider {
+    width: 100%;
+}
+
+@-moz-document url-prefix() {
+    .Slider {
+        outline: none;
+        background-color: transparent;
+    }
+
+    .Slider::-moz-range-track {
+        background-color: var(--bg-field-off);
+        height: 10px;
+        border-radius: 5px;
+    }
+
+    .Slider:focus::-moz-range-track {
+        background-color: var(--bg-field-on);
+    }
+
+    .Slider::-moz-range-progress {
+        height: 10px;
+        border-radius: 5px;
+    }
+
+    .Slider::-moz-range-thumb {
+        background-color: var(--fg-field-off);
+        border-width: 0;
+        height: 25px;
+        width: 10px;
+    }
+
+    .Slider:focus::-moz-range-thumb {
+        background-color: var(--fg-field-on);
+    }
+}
\ No newline at end of file

From 82dd89a1aae1033ee0657f2a9b40f686718a8659 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <256895@studenti.unimore.it>
Date: Tue, 27 Apr 2021 17:14:01 +0200
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=94=A7=20Change=20checkbox=20and=20ra?=
 =?UTF-8?q?dio=20sizing?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/frontend/src/components/Checkbox.module.css | 9 +++++----
 code/frontend/src/components/Radio.module.css    | 7 ++++---
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/code/frontend/src/components/Checkbox.module.css b/code/frontend/src/components/Checkbox.module.css
index 8fdd63b..839d097 100644
--- a/code/frontend/src/components/Checkbox.module.css
+++ b/code/frontend/src/components/Checkbox.module.css
@@ -1,5 +1,6 @@
 .Checkbox {
-    height: 25px;
-    width: 25px;
-    vertical-align: bottom;
-}
+    font-size: inherit;
+    width: 1em;
+    height: 1em;
+    border-radius: 0.25em;
+}
\ No newline at end of file
diff --git a/code/frontend/src/components/Radio.module.css b/code/frontend/src/components/Radio.module.css
index d94a261..85289d2 100644
--- a/code/frontend/src/components/Radio.module.css
+++ b/code/frontend/src/components/Radio.module.css
@@ -1,5 +1,6 @@
 .Radio {
-    height: 25px;
-    width: 25px;
-    vertical-align: bottom;
+    font-size: inherit;
+    width: 1em;
+    height: 1em;
+    border-radius: 0.25em;
 }

From 6f0520e2fa91555740da09ea5efea789a291c0f9 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <256895@studenti.unimore.it>
Date: Tue, 27 Apr 2021 17:14:13 +0200
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=94=A7=20Make=20dashboard=20spans=20i?=
 =?UTF-8?q?nto=20labels?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/frontend/src/routes/PageDashboard.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/code/frontend/src/routes/PageDashboard.js b/code/frontend/src/routes/PageDashboard.js
index c717dc0..ba10f90 100644
--- a/code/frontend/src/routes/PageDashboard.js
+++ b/code/frontend/src/routes/PageDashboard.js
@@ -19,17 +19,17 @@ export default function PageDashboard({ children, className, ...props }) {
                 Create a new repository
             </BoxHeader>
             <BoxFull className={Style.SearchByZone} header={
-                <span><Checkbox/> Search by zone</span>
+                <label><Checkbox/> Search by zone</label>
             }>
                 🚧 Not implemented.
             </BoxFull>
             <BoxFull className={Style.SearchByHashtags} header={
-                <span><Checkbox/> Search by hashtag</span>
+                <label><Checkbox/> Search by hashtag</label>
             }>
                 🚧 Not implemented.
             </BoxFull>
             <BoxFull className={Style.SearchByTimePeriod} header={
-                <span><Checkbox/> Search by time period</span>
+                <label><Checkbox/> Search by time period</label>
             }>
                 🚧 Not implemented.
             </BoxFull>