Update file input to remove height and line-height

This particular form control is wildly inaccurate across browsers, so
we're removing the `height` and `line-height`, but adding `display:
block` so it renders similarly to our other inputs.

css.html

@@ -1170,6 +1170,8 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
         <input type="text" id="exampleInputEmail" placeholder="Enter email">
         <label for="exampleInputPassword">Password</label>
         <input type="text" id="exampleInputPassword" placeholder="Password">
+        <label for="exampleInputFile">File input</label>
+        <input type="file" id="exampleInputFile">
         <p class="help-block">Example block-level help text here.</p>
         <div class="checkbox">
           <label>

dist/css/bootstrap.css

@@ -1474,10 +1474,7 @@ input[type="checkbox"] {
 }
 
 input[type="file"] {
-  height: 38px;
-  /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */
-
-  line-height: 38px;
+  display: block;
 }
 
 select[multiple],

less/forms.less

@@ -124,8 +124,7 @@ input[type="checkbox"] {
 
 // Set the height of select and file controls to match text inputs
 input[type="file"] {
-  height: @input-height-base; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */
-  line-height: @input-height-base;
+  display: block;
 }
 
 // Make multiple select elements height not fixed