1 files changed, 36 insertions, 7 deletions
diff --git a/FrontEnd/src/views/common/input/InputGroup.css b/FrontEnd/src/views/common/input/InputGroup.css
index f9d6ac8b..1763ea53 100644
--- a/FrontEnd/src/views/common/input/InputGroup.css
+++ b/FrontEnd/src/views/common/input/InputGroup.css
@@ -1,25 +1,54 @@
-.cru-input-panel-group {
+.cru-input-group {
   display: block;
+}
+
+.cru-input-container {
   margin: 0.4em 0;
 }
 
-.cru-input-panel-label {
+.cru-input-label {
   display: block;
-  color: var(--cru-primary-color);
+  color: var(--cru-key-color);
+  font-size: 0.9em;
+  margin-bottom: 0.3em;
 }
 
-.cru-input-panel-inline-label {
+.cru-input-label-inline {
   margin-inline-start: 0.5em;
 }
 
-.cru-input-panel-error-text {
+.cru-input-type-text input {
+  appearance: none;
+  display: block;
+  border: 1px solid var(--cru-surface-outline-color);
+  color: var(--cru-surface-on-color);
+  background-color: var(--cru-surface-color);
+  margin: 0;
+  padding: 0;
+  font-size: 1.2em;
+}
+
+.cru-input-type-text input:hover {
+  border-color: var(--cru-key-color);
+}
+
+.cru-input-type-text input:focus {
+  border-color: var(--cru-key-color);
+}
+
+.cru-input-type-text input:disabled {
+  border-color: var(--cru-surface-on-color);
+}
+
+.cru-input-error {
   display: block;
   font-size: 0.8em;
   color: var(--cru-danger-color);
+  margin-top: 0.4em;
 }
 
-.cru-input-panel-helper-text {
+.cru-input-helper {
   display: block;
   font-size: 0.8em;
   color: var(--cru-primary-color);
-}
+}
+\ No newline at end of file