started advanced search UI

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -1,7 +1,8 @@
 
+// @import '~slim-select/scss';
+
 $mdi-font-path: './mdi/fonts/';
 @import './mdi/scss/materialdesignicons';
-
 @import './base/variables';
 @import './base/colors';
 @import './base/reset';
@@ -587,22 +588,12 @@ header[role="banner"]{
       }
 
 			#edit-filters{
-				select.form-select{
-					-webkit-appearance: none;
-				  -moz-appearance: none;
-				  appearance: none;
-					&::-ms-expand {
-						display: none;
+				.ss-main{
+					.ss-single-selected{
+						border-radius: 15px;
 					}
-					display: inline-block;
-					background-color: #e3e3e3;
-					padding:0;
-					border-radius: 10px;
-					font-size: 0.756em;
-					border: none;
-					// background: url(../images/caret-down.svg) no-repeat 98% 64% #bbb;
-					option{
-						width:5em;
+					.ss-content{
+						width:auto;
 					}
 				}
 			}