Display: Add and fix styles for forms controls

assets/css/scss/atoms/_autocomplete.scss

@@ -0,0 +1,3 @@
+.p-autocomplete {
+  @apply flex;
+}

assets/css/scss/atoms/_form.scss

@@ -56,7 +56,7 @@
 
 .field {
   > small {
-    @apply text-caption;
+    @apply text-caption text-primary;
   }
 }
 
@@ -81,7 +81,7 @@
   .p-inputwrapper-focus,
   .p-inputwrapper-filled {
     ~ label {
-      @apply bg-white px-1 text-primary top-0 left-2 text-tiny;
+      @apply bg-white px-1 text-primary top-0 left-2 text-caption;
       top: 0 !important;
     }
   }

assets/css/scss/atoms/calendar.scss

@@ -0,0 +1,11 @@
+.p-calendar {
+  @apply flex;
+
+  .p-inputtext {
+    @apply rounded-r-none;
+  }
+
+  .p-button {
+    @apply rounded-l-none;
+  }
+}

assets/css/scss/index.scss

@@ -14,8 +14,10 @@
 @import "settings/typography";
 
 @import "atoms/form";
+@import "atoms/autocomplete";
 @import "atoms/avatar";
 @import "atoms/buttons";
+@import "atoms/calendar";
 @import "atoms/checkbox";
 @import "atoms/dropdown";
 @import "atoms/fieldset";