diff --git a/web/app/assets/stylesheets/client/site_validator.css.scss b/web/app/assets/stylesheets/client/site_validator.css.scss index 9db4f31f1..4534ebd8c 100644 --- a/web/app/assets/stylesheets/client/site_validator.css.scss +++ b/web/app/assets/stylesheets/client/site_validator.css.scss @@ -1,9 +1,17 @@ @import "client/common"; .site_validator { + + .validator-input { + float: left; + } + .validator-add-rec { + float: left; + } + input { width: 100%; - padding: 5px; + padding: 5px 5px 5px 30px; float: left; } .validate-checkmark { @@ -15,9 +23,8 @@ background-size: 50% 50%; display:inline-block; vertical-align: middle; - position: absolute; - margin-top: 0px; - margin-left: 520px; + position: relative; + margin-top: -40px; left: 0px; } .error { @@ -25,8 +32,7 @@ span.spinner-small { display:inline-block; vertical-align: middle; - position: absolute; - margin-top: 0px; - margin-left: 520px; + position: relative; + margin-top: -40px; } } diff --git a/web/app/views/clients/_site_validator.html.slim b/web/app/views/clients/_site_validator.html.slim index 4c913459d..34f1d4ba0 100644 --- a/web/app/views/clients/_site_validator.html.slim +++ b/web/app/views/clients/_site_validator.html.slim @@ -1,8 +1,12 @@ -div class="site_validator" id="#{site_type}_validator" - span class="validate-checkmark" - span class="spinner-small upload-spinner" - input type='text' id="validate_input_#{site_type}" maxlength="2000" +div class="site_validator" + div class="validator-input" + div class="site_validator" id="#{site_type}_validator" + input type='text' id="validate_input_#{site_type}" maxlength="2000" + span class="validate-checkmark" + span class="spinner-small upload-spinner" + div class="error" - if site_type =~ /^#{Utils::RECORDING_SRC_PREFIX}/ - a id="add_btn_#{site_type}" class="button-grey add-recording-source right" ADD + div class="validator-add-rec" + a id="add_btn_#{site_type}" class="button-grey add-recording-source right" ADD br clear="all" - div class="error" +