Match selectize with purecss style

templates/metadata-converter.twig

@@ -11,14 +11,14 @@
         </div>
         <br>
         <div class="center">
-            <div class="pure-button-group overflow" role="group">
-                <label class="pure-button"><i class="fa fa-folder-open"> </i> Select a file...
+            <div class="pure-button-group" role="group">
+                <label class="pure-button"><span class="fa fa-folder-open"> </span>Select a file...
                     <input type="file" name="xmlfile" class="hidden" multiple>
                 </label>
                 <label id="show-file" class="pure-button show-files" disabled>No file selected.</label>
             </div>
             <br>
-            <button class="pure-button pure-input-1-3">{{ 'Parse'|trans }}</button>
+            <button class="pure-button pure-button-primary pure-input-1-3">{{ 'Parse'|trans }}</button>
         </div>
     </form>
 

www/assets/css/src/default.css

@@ -65,6 +65,11 @@ a:hover{
 .overflow {
     overflow: hidden;
 }
+.pure-button-primary,
+a.pure-button-primary {
+    background-color: rgb(219, 1, 0);
+    color: #fff;
+}
 
 /* ***********************************************************
 HEADER
@@ -255,7 +260,9 @@ input[type="file"]{
 }
 
 /* SELECTIZE */
-.selectize-input, .selectize-dropdown, .selectize-input.dropdown-active{
+.selectize-input,
+.selectize-dropdown,
+.selectize-input.dropdown-active{
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
@@ -270,12 +277,28 @@ div .item{
     text-align: left;
 }
 
+.selectize-control.single .selectize-input, .selectize-dropdown.single {
+    background-color: white;
+    background-image: none;
+    border: 1px solid #ccc;
+    box-shadow: inset 0 1px 3px #ddd;
+    box-sizing: border-box;
+    font-size: inherit;
+    padding: 0.5em 0.6em;
+    display: inline-block;
+    vertical-align: middle;
+}
+
+
 /* ***********************************************************
 IMAGES
 ************************************************************ */
 .fa {
     font-family: FontAwesome !important;
 }
+.fa-folder-open{
+    padding: 0 0.5em;
+}
 #clipboard-btn{
     margin-right: 0.5em;
 }