From 694411f1f077e306d6a1cb735f2dc509f37ccc8d Mon Sep 17 00:00:00 2001
From: Gabriel Clark <>
Date: Wed, 8 Sep 2021 15:01:29 -0500
Subject: [PATCH] Changed input box styling.
---
unit-conversion/src/features/card/card.css | 7 +++++++
unit-conversion/src/features/unit-selector/unitSelector.js | 2 +-
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/unit-conversion/src/features/card/card.css b/unit-conversion/src/features/card/card.css
index 1963762..d504599 100644
--- a/unit-conversion/src/features/card/card.css
+++ b/unit-conversion/src/features/card/card.css
@@ -17,6 +17,13 @@
padding-right: 20px;
}
+.selector {
+ border-color: rgba(255 255 255 / 0%);
+ border-radius: 5px;
+}
+
.inputField {
+ border-color: rgba(255 255 255 / 0%);
+ border-radius: 5px;
max-width: 75%;
}
diff --git a/unit-conversion/src/features/unit-selector/unitSelector.js b/unit-conversion/src/features/unit-selector/unitSelector.js
index 7dbb9ed..0e25817 100644
--- a/unit-conversion/src/features/unit-selector/unitSelector.js
+++ b/unit-conversion/src/features/unit-selector/unitSelector.js
@@ -60,7 +60,7 @@ export function UnitSelector(props) {
<div>
<form onSubmit={handleSubmit}>
<div className="select-container">
- <select name="units" onChange={handleChange}>
+ <select className="selector" name="units" onChange={handleChange}>
{unitSelectorOptions.map((option) =>
<option value={option.value}>{option.label}</option>)}
</select>
--
GitLab