Hide input[type=number] spin buttons and fix text alignment

app/assets/stylesheets/application.css

@@ -66,6 +66,10 @@ textarea {
   background-color: inherit;
   font: inherit;
 }
+input,
+select {
+  text-align: inherit;
+}
 
 
 /* blue - target for interaction with pointer */
@@ -153,6 +157,17 @@ input[type=checkbox]:checked {
   appearance: checkbox;
   -webkit-appearance: checkbox;
 }
+/* Hide spin buttons in input number fields */
+input[type=number] {
+  -moz-appearance: textfield;
+}
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 input:hover,
 select:hover,
 textarea:hover {

app/views/units/_form.html.erb

@@ -8,7 +8,7 @@
     <td>
       <%= form.text_area :description, cols: 30, rows: 1, escape: false %>
     </td>
-    <td>
+    <td class="number">
       <% unless @unit.base.nil? %>
         <%= form.hidden_field :base_id %>
         <%= form.number_field :multiplier, required: true, size: 10, min: :step %>