Small screens padding made smaller

Material header links upgrade algorithm
Version +

Client/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sunengine-client",
-    "version": "2.4.1",
+    "version": "2.4.2",
     "description": "SunEngine - web engine with support of blog, forum and articles functionality",
     "productName": "SunEngine",
     "author": "Dmitrij Polianin",

Client/src/css/app.scss

@@ -75,7 +75,7 @@ $q-field-color: #00c63b;
 	padding-bottom: $flex-gutter-xl !important;
 }
 
-$paddings: (12px 18px 24px);
+$paddings: (6px 12px 24px);
 
 @mixin page-paddings-block($size) {
 	.page-padding {

Client/src/modules/material/Material.vue

@@ -75,7 +75,7 @@
 							v-if="showVisitsCount"
 							class="material__visits material-footer-info-block"
 						>
-							<q-icon  :name="$iconsSet.Material.visits" class="q-mr-xs" />
+							<q-icon :name="$iconsSet.Material.visits" class="q-mr-xs" />
 							{{ material.visitsCount }}
 						</div>
 						<div v-if="showDate" class="material__date material-footer-info-block">
@@ -266,12 +266,17 @@ export default {
 			const router = this.$router;
 			const successNotify = this.$successNotify.bind(this);
 			const tl = this.$tl.bind(this);
+			const allNames = {};
 			for (const header of headers) {
 				const link = document.createElement("a");
 				link.classList.add("header-anchor");
 				link.classList.add("link");
-				header.id = encodeURIComponent(header.innerText);
-				link.href = window.location.href.split("#")[0] + "#" + header.id;
+				let id = encodeURIComponent(header.innerText);
+				while(allNames[id]) 
+                id = id + "1";
+				allNames[id] = true;
+				header.id = id;
+				link.href = window.location.href.split("#")[0] + "#" + id;
 				link.addEventListener("click", function(e) {
 					e.preventDefault();
 					copyToClipboard(link.href)

README.RU.md

@@ -10,7 +10,7 @@
 
 # SunEngine
 
-<a href="#"><img src="https://img.shields.io/static/v1?label=%D0%92%D0%B5%D1%80%D1%81%D0%B8%D1%8F&message=v2.4.1&color=green"></a>
+<a href="#"><img src="https://img.shields.io/static/v1?label=%D0%92%D0%B5%D1%80%D1%81%D0%B8%D1%8F&message=v2.4.2&color=green"></a>
 <a href="https://sunengine.site"><img src="https://img.shields.io/static/v1?label=%D0%A1%D0%B0%D0%B9%D1%82&message=sunengine.site&color=yellow"></a> 
 <a href="https://demo.sunengine.site"><img src="https://img.shields.io/static/v1?label=%D0%94%D0%B5%D0%BC%D0%BE&message=demo.sunengine.site&color=yellow"></a>
 <a href="https://t.me/SunEngine"><img src="https://img.shields.io/static/v1?label=Telegram&message=@SunEngine&color=success"></a>

README.md

@@ -9,7 +9,7 @@ Build on modern technologies: AspNet Core, VueJS, Quasar.</h3>
 
 # SunEngine
 
-<a href="#"><img src="https://img.shields.io/static/v1?label=Version&message=v2.4.1&color=green"></a>
+<a href="#"><img src="https://img.shields.io/static/v1?label=Version&message=v2.4.2&color=green"></a>
 <a href="https://sunengine.site"><img src="https://img.shields.io/static/v1?label=Site%20(Ru)&message=sunengine.site&color=yellow"></a>
 <a href="https://demo.sunengine.site"><img src="https://img.shields.io/static/v1?label=Demo&message=demo.sunengine.site&color=yellow"></a>
 <a href="https://t.me/SunEngine"><img src="https://img.shields.io/static/v1?label=Telegram&message=@SunEngine&color=success"></a>

Server/SunEngine.Cli/SunEngine.Cli.csproj

@@ -3,7 +3,7 @@
     <PropertyGroup>
         <TargetFramework>netcoreapp3.1</TargetFramework>
         <LangVersion>latest</LangVersion>
-        <Version>2.4.1</Version>
+        <Version>2.4.2</Version>
         <Title>SunEngine</Title>
         <Authors>Dmitrij Polianin</Authors>
         <Description>Site engine with blog, forum and articles functionalities on Asp.Net Core and Vue.Js.</Description>

Server/SunEngine.Core/SunEngine.Core.csproj

@@ -2,7 +2,7 @@
 
     <PropertyGroup>
         <TargetFramework>netcoreapp3.1</TargetFramework>
-        <Version>2.4.1</Version>
+        <Version>2.4.2</Version>
         <LangVersion>default</LangVersion>
     </PropertyGroup>