chore: adjust sizes of the price and currency fields on the series info page

Fix #1195

Author: php-coder

src/main/webapp/WEB-INF/static/styles/main.css

@@ -116,7 +116,8 @@ label {
 }
 
 .number-input {
-	width: 4em;
+	/* !important is needed in order to override "width: auto" from .form-control */
+	width: 4em !important;
 }
 
 .image-gallery {

src/main/webapp/WEB-INF/views/series/info.html

@@ -456,11 +456,11 @@ <h5 class="text-center" th:text="#{t_similar_series}">
 										</p>
 										/*/-->
 
-										<p id="number-of-stamps-block" th:if="${series.quantity != 1}">
+										<p id="number-of-stamps-block" th:if="${series.quantity != 1}" class="form-inline">
 											<span th:text="#{t_i_have}" th:remove="tag">I have</span>
 											<input id="number-of-stamps"
 												type="number"
-												class="number-input"
+												class="form-control input-sm number-input"
 												required="required"
 												min="1"
 												max="7"
@@ -480,11 +480,13 @@ <h5 class="text-center" th:text="#{t_similar_series}">
 												th:text="${error}"></span>
 										</p>
 										/*/-->
-										<p th:with="price_msg=#{t_price},paidUser=${#authorization.expression('hasAuthority(''ADD_SERIES_PRICE'')')}"
+										<p class="form-inline"
+											th:with="price_msg=#{t_price},paidUser=${#authorization.expression('hasAuthority(''ADD_SERIES_PRICE'')')}"
 											th:attrappend="title=${paidUser ? null : '__#{t_only_for_paid_users}__'}">
 
 											<span th:text="#{t_i_bought_for}" th:remove="tag">I bought for</span>
 											<input id="paid-price"
+												class="form-control input-sm number-input"
 												type="text"
 												size="5"
 												placeholder="price"
@@ -493,6 +495,7 @@ <h5 class="text-center" th:text="#{t_similar_series}">
 												th:disabled="${paidUser ? null : 'disabled'}"
 												/>
 											<select id="paid-currency"
+												class="form-control input-sm"
 												th:field="*{currency}"
 												th:disabled="${paidUser ? null : 'disabled'}">
 												<option value=""></option>