fix: improved css

Author: frankpagan

src/index.css

@@ -1,9 +1,11 @@
 floating-label,
 .floating-label_field {
 position: relative;
-display: block;
+display: flex;
+align-items: center;
 box-sizing: border-box;
 border: none !important;
+min-height: 40px;
 padding: 8px 0px;
 }
 
@@ -21,6 +23,7 @@ floating-label *,
 
 .floating-label {
 width: 100%;
+min-height: 24px;
 padding: 0px 14px;
 border: none !important;
 outline: none !important;
@@ -45,7 +48,7 @@ floating-label *,
 }
 
 cocreate-select.floating-label {
-min-height: 24px;
+/* min-height: 24px; */
 padding: 0px 2px !important;
 }
 cocreate-select[multiple].floating-label {
@@ -59,7 +62,6 @@ input.floating-label[type="week"],
 input.floating-label[type="month"],
 select.floating-label {
 color: transparent;
-height: 24px;
 }
 input.floating-label.active[type="date"],
 input.floating-label.active[type="time"],
@@ -69,19 +71,22 @@ input.floating-label.active[type="month"],
 select.floating-label.active {
 color: inherit;
 }
+.floating-label:has(input[type="color"]),
+.floating-label_field:has(input[type="color"]) {
+padding: 0px;
+}
+
+/* textarea.floating-label {
+padding: 8px 14px;
+} */
 select.floating-label[multiple] {
 height: auto;
+/* padding: 8px 14px; */
 }
 .floating-label[type="file"] {
-min-height: 24px;
 cursor: pointer;
 }
 
-input[type="color"] {
-height: 39px;
-padding: 5px 6px 5px 6px !important;
-}
-
 .floating-label_outline {
 display: flex;
 position: absolute;
@@ -100,7 +105,6 @@ input[type="color"] {
 border-color: inherit;
 border-width: 1px;
 border-style: solid;
-transition: border 0.15s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .floating-label_leading {