bootstrap: Preserve useful styles on button, input.

web/styles/zulip.css

@@ -109,6 +109,27 @@ body {
     }
 }
 
+input,
+button {
+    /* Browsers default to inline-block,
+       so preserve this value. */
+    vertical-align: middle;
+    /* Preserve normal font-weight, though
+       it appears UA stylesheets do not set
+       the weight to other values. */
+    font-weight: normal;
+    /* Likewise with zeroed margin. */
+    margin: 0;
+
+    /* Reset these values from Firefox's
+       UA stylesheet (still present in
+       April 2025) */
+    &::-moz-focus-inner {
+        padding: 0;
+        border: 0;
+    }
+}
+
 input,
 button,
 select,

web/third/bootstrap/css/bootstrap.app.css

@@ -28,16 +28,6 @@ img {
   vertical-align: middle;
   border: 0;
 }
-button,
-input {
-  margin: 0;
-  vertical-align: middle;
-}
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  padding: 0;
-  border: 0;
-}
 button {
   -webkit-appearance: button;
 }
@@ -92,10 +82,6 @@ hr {
 form {
   margin: 0 0 20px;
 }
-input,
-button {
-  font-weight: normal;
-}
 label {
   display: block;
   margin-bottom: 5px;
@@ -109,9 +95,6 @@ input:-ms-input-placeholder {
 input::-webkit-input-placeholder {
   color: #999999;
 }
-input {
-  margin-left: 0;
-}
 input[disabled],
 input[readonly] {
   cursor: not-allowed;