UI: fix input layouts

1 files changed, 43 insertions, 0 deletions

diff --git a/scss/custom.scss b/scss/custom.scss
index 312048646..3c1bfe5e2 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -128,6 +128,49 @@ div#foot a:hover {
     cursor: pointer;
     color: darken($primary, 10%);
 }
+
+.input-group.date input{
+	border: 1px solid $border-color;
+	border-radius: .25rem;
+   	padding: .375rem .75rem;
+   	font-size: 1rem;
+   	line-height: 1.5;
+}
+
+/* ui-autocomplete */
+
+.ui-widget-content {
+	border: 1px solid $border-color;
+	background-color: $body-bg;
+}
+
+.ui-menu-item{
+    padding: 0.2em 0.4em;
+	border: 1px solid $body-bg;
+}
+
+.ui-menu-item:hover {
+	color: $link-color;
+	border: 1px solid $link-color;
+	cursor: pointer;
+}
+
+.ui-autocomplete {
+    font-size: 0.7em;
+    z-index: 10000 !important;
+    width: 350px;
+	border: 5px solid $border-color;
+    outline: none;
+}
+
+.ui-menu {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: block;
+    outline: none;
+}
+
 /*
 // required
 @import "bootstrap-src/scss/functions";