[homepage][ads] slight improvements of homepage on mobile

components/Header.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-if="config.header" class="mb-4">
+    <div v-if="config.header" class="mb-lg-4">
         <header>
         <div class="d-none d-lg-flex justify-content-between align-items-center flex-row nav-custom btn-group mb-0">
             <nuxt-link v-for="link in links" :key="link.link" :to="link.link" :class="`nav-item btn btn-sm ${link.header ? 'nav-header' : ''} ${isActiveRoute(link) ? 'active' : ''} ${link.header ? 'flex-grow-0' : ''}`">

components/Page.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <div class="main-asides d-flex flex-column flex-xxl-row justify-content-center align-items-center align-items-xxl-start">
-            <aside class="aside-left">
+            <aside class="aside-left p-0 p-xxl-3">
                 <slot name="aside-left">
                     <AdPlaceholder phkey="aside-left-middle" class="d-none d-xxl-block"/>
                 </slot>

routes/homepage.vue

@@ -1,6 +1,7 @@
 <template>
     <Page>
         <UkraineBanner class="mb-4"/>
+        <AdPlaceholder phkey="small-homepage"/>
         <template v-if="$te('home.welcome')">
             <section>
                 <h2>
@@ -12,12 +13,13 @@
                 </p>
 
                 <div class="row">
-                    <div v-for="{icon, header, route} in mainLinks" class="col-12 col-lg my-4 text-center">
+                    <div v-for="{icon, header, route} in mainLinks" class="col my-4 text-center">
                         <nuxt-link :to="`/${route}`">
                             <p>
-                                <Icon :v="icon" size="3"/>
+                                <Icon :v="icon" size="2" class="d-inline-block d-lg-none"/>
+                                <Icon :v="icon" size="3" class="d-none d-lg-inline-block"/>
                             </p>
-                            <p class="h4">
+                            <p class="h5">
                                 <Spelling :text="$t(header)"/>
                             </p>
                         </nuxt-link>

src/adPlaceholders.js

@@ -18,4 +18,6 @@ export default {
     'main-6': 114,
 
     'footer': 115,
+
+    'small-homepage': 116,
 };