chore: change a background color of image counter for better contrast.

Follow-up to #1420

Author: php-coder

src/main/java/ru/mystamps/web/feature/site/ResourceUrl.java

@@ -32,7 +32,7 @@ public final class ResourceUrl {
 	public static final String STATIC_RESOURCES_URL = "https://stamps.filezz.ru";
 
 	// MUST be updated when any of our resources were modified
-	public static final String RESOURCES_VERSION = "v0.4.4.2";
+	public static final String RESOURCES_VERSION = "v0.4.4.3";
 
 	// CheckStyle: ignore LineLength for next 16 lines
 	private static final String CATALOG_UTILS_JS      = "/public/js/" + RESOURCES_VERSION + "/CatalogUtils.min.js";

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

@@ -129,4 +129,5 @@ label {
 	position: absolute;
 	top: 10px;
 	left: 10px;
+	background-color: black;
 }

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

@@ -143,7 +143,7 @@ <h4 class="panel-title" th:text="#{t_stamps_by_categories}">Stamps by categories
 											 th:alt="${desc}"
 											 th:title="${desc}"
 											 th:src="@{${GET_IMAGE_PREVIEW_PAGE}(id=${series.previewId})}" />
-										<span class="label label-default image-counter"
+										<span class="label image-counter"
 											th:if="${series.numberOfImages &gt; 1}"
 											th:text="#{t_images_counter(${series.numberOfImages})}">5 images</span>
 									</a>
@@ -176,7 +176,7 @@ <h4 class="panel-title" th:text="#{t_stamps_by_categories}">Stamps by categories
 								<figure>
 									<a href="../series/info.html">
 										<img src="http://via.placeholder.com/250" alt="Prehistoric animals, Italy, 22&nbsp;stamps" title="Prehistoric animals, Italy, 22&nbsp;stamps" />
-										<span class="label label-default image-counter">2 images</span>
+										<span class="label image-counter">2 images</span>
 									</a>
 									<figcaption>
 										<a href="../series/info.html">Prehistoric animals, Italy, 22&nbsp;stamps</a>

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

@@ -100,7 +100,7 @@ <h3 id="page-header" th:text="${#strings.capitalize(header)}">
 									th:alt="${label}"
 									th:title="${label}"
 									th:src="@{${GET_IMAGE_PREVIEW_PAGE}(id=${series.previewId})}" />
-								<span class="label label-default image-counter"
+								<span class="label image-counter"
 									th:if="${series.numberOfImages &gt; 1}"
 									th:text="#{t_images_counter(${series.numberOfImages})}">5 images</span>
 							</a>