title: The same partial behaves different in two identical applications
body: <p>I have two identical applications in terms of gems, *.js and *.css files.
  The edit view uses in both cases the same _form partial.</p>
  
  <p>Here it is.</p>
  
  <pre><code>&lt;%= simple_form_for @assessment do |f| %&gt;
    &lt;% if @assessment.errors.any? %&gt;
      &lt;div id="error_explanation"&gt;
        &lt;h2&gt;&lt;%= pluralize(@assessment.errors.count, "error") %&gt; prohibited this assessment from being saved:&lt;/h2&gt;
  
        &lt;ul&gt;
          &lt;% @assessment.errors.full_messages.each do |message| %&gt;
            &lt;li&gt;&lt;%= message %&gt;&lt;/li&gt;
          &lt;% end %&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;% end %&gt;
  
    &lt;table&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;%= f.input :question, label: 'Question' %&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;%= f.input :answer, label: 'Answer' %&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  
    &lt;div class="actions"&gt;
      &lt;%= f.submit 'Save'%&gt;
      &lt;%= f.button :button, 'Reset', :type =&gt; 'reset', :class =&gt; 'btn' %&gt;
    &lt;/div&gt;
  
  &lt;% end %&gt;
  </code></pre>
  
  <p>I cannot understand why in the first app the input field is rendered next to the label field, but in the second app the same input field is rendered below the label field?</p>
  
  <p>I am not using any bootstrap or similar.</p>
  
  <p>Here is my <code>application.js</code> file, for both apps:</p>
  
  <pre><code>// This is a manifest file that'll be compiled into application.js, which will include all the files
  // listed below.
  //
  // Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
  // or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
  //
  // It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
  // compiled file.
  //
  // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
  // about supported directives.
  //
  //= require jquery
  //= require jquery_ujs
  //= require turbolinks
  //= require_tree .
  </code></pre>
  
  <p>I have one single CSS/SCSS file, <code>scaffolds.scss</code>, identical for both apps, here it is:</p>
  
  <pre><code>body {
    background-color: #fff;
    color: #333;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }
  
  p, ol, ul, td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
  }
  
  pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
  }
  
  a {
    color: #000;
  
    &amp;:visited {
      color: #666;
    }
  
    &amp;:hover {
      color: #fff;
      background-color: #000;
    }
  }
  
  div {
    &amp;.field, &amp;.actions {
      margin-bottom: 10px;
    }
  }
  
  #notice {
    color: green;
  }
  
  .field_with_errors {
    padding: 2px;
    background-color: red;
    display: table;
  }
  
  #error_explanation {
    width: 450px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 0;
    margin-bottom: 20px;
    background-color: #f0f0f0;
  
    h2 {
      text-align: left;
      font-weight: bold;
      padding: 5px 5px 5px 15px;
      font-size: 12px;
      margin: -7px;
      margin-bottom: 0px;
      background-color: #c00;
      color: #fff;
    }
  
    ul li {
      font-size: 12px;
      list-style: square;
    }
  }
  </code></pre>
  
  <p>The file <code>application.html.erb</code> is the same for both apps, except the <code>title</code>, here it is:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;LeviTest02&lt;/title&gt;
      &lt;%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' =&gt; true %&gt;
      &lt;%= javascript_include_tag 'application', 'data-turbolinks-track' =&gt; true %&gt;
      &lt;%= csrf_meta_tags %&gt;
      &lt;script src="//code.jquery.com/jquery-2.2.0.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
      &lt;%= yield %&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>What I am missing here?</p>
  
  <p>Inspecting the page rendered I found that the HTML is not the same in both cases.
  Here is the HTML in app 1 which is rendering the input field correctly next to the label:</p>
  
  <pre><code>&lt;input class="string optional" type="text" value="Yes" name="assessment[answer]" id="assessment_answer"&gt;
  </code></pre>
  
  <p>And here is the same line of HTML code in app 2 where the input field is rendered below the label:</p>
  
  <pre><code>&lt;input class="string optional" maxlength="255" size="255" type="text" value="Yes" name="assessment[answer]" id="assessment_answer"&gt;
  </code></pre>
  
  <p>This line as supplementary parameter <code>maxlength="255"</code> which I have no clue how it is added there.</p>