UI: improve layout and action for search

1 files changed, 48 insertions, 2 deletions

diff --git a/scss/custom.scss b/scss/custom.scss
index f92499ee7..03d42f0ce 100644
--- a/scss/custom.scss
+++ b/scss/custom.scss
@@ -29,6 +29,27 @@ label {
     min-height: 1.5rem;
 }
 
+.form-group span label {
+    display: inline-block;
+}
+
+.form-group label{
+    display: block;
+}
+
+.form-group li label {
+    display: inline-block;
+}
+
+.form-group li .form-control {
+    width: auto;
+}
+
+.form-group li input[type="radio"].form-control,
+.form-group li input[type="checkbox"].form-control{
+    display: inline;
+}
+
 pre {
     white-space: pre-wrap;
 }
@@ -51,6 +72,11 @@ pre {
     background-color: $gray-200;
 }
 
+.form-row-modal{
+    padding: 0.5rem 2rem;
+}
+
+
 .form-group .select2-container--default .select2-selection--multiple {
     border: $input-border-width solid $input-border-color;
 }
@@ -404,15 +430,35 @@ div#foot a:hover {
     overflow: auto;
 }
 
-.clear-search{
+.input-link{
+    color: $gray-600;
+}
+
+.input-link.disabled{
     color: $gray-500;
 }
 
-.clear-search:hover{
+.input-link:hover{
     color: $gray-800;
 	cursor: pointer;
 }
 
+.input-link.disabled:hover{
+    color: $gray-500;
+	cursor: not-allowed;
+}
+
+.input-sep{
+    background-color: #fff;
+    padding: 0.3rem;
+}
+
+/* search */
+
+.search_button{
+    display: none;
+}
+
 /* lightgallery */
 
 .lightgallery-captions{