Hide number input spinner buttons for TOTP inputs - merged with i18n

app/assets/stylesheets/application.css

@@ -232,6 +232,12 @@ button:disabled {
 	color: gray;
 }
 
+.totp_code::-webkit-inner-spin-button,
+.totp_code::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
 
 /* outliners */
 

app/views/login/twofa.html.erb

@@ -10,8 +10,8 @@
 
     <p>
     <%= label_tag :totp_code, t('.totpcode') %>
-    <%= text_field_tag :totp_code, "", :size => 10, :type => "number",
-      :autofocus => "autofocus" %>
+    <%= number_field_tag :totp_code, "", :size => 10, :autocomplete => "off",
+        :autofocus => true, :class => "totp_code" %>
     <br />
     </p>
 

app/views/settings/twofa_verify.html.erb

@@ -13,8 +13,8 @@
 
     <div class="boxline">
       <%= label_tag :totp_code, "TOTP Code:", :class => "required" %>
-      <%= text_field_tag :totp_code, "", :size => 10, :autocomplete => "off",
-        :type => "number", :autofocus => "autofocus" %>
+      <%= number_field_tag :totp_code, "", :size => 10, :autocomplete => "off",
+          :autofocus => true, :class => "totp_code" %>
     </div>
 
     <p>