diff --git a/templates/metadata-converter.twig b/templates/metadata-converter.twig index 25e72b06b0b4ba34fd7933fb35291e88d9f9a625..4adb3079b57cb741061fe559ae46e67e4013e17f 100644 --- a/templates/metadata-converter.twig +++ b/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> diff --git a/www/assets/css/src/default.css b/www/assets/css/src/default.css index 4aa50f8f28f428fa1b61c1d8036442723bda2362..6430173d5b8d83aab2367bed70ba5e7aa9723d7a 100644 --- a/www/assets/css/src/default.css +++ b/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; }