[ads] add better padding and labels

components/AdPlaceholder.vue

@@ -6,12 +6,14 @@
             <Debug :v="adConfig"/>
         </template>
         <ins v-else class="adsbygoogle"
-             style="display:block"
              data-ad-client="ca-pub-8518361481036191"
              :data-ad-slot="adConfig.slotId"
              :data-ad-format="adConfig.adFormat"
              :data-ad-layout="adConfig.adLayout"
-             :data-full-width-responsive="adConfig.responsive ? 'true' : ''"></ins>
+             :data-full-width-responsive="adConfig.responsive ? 'true' : ''"
+             role="alert"
+             :data-label="$t('support.ad')"
+        >aaa</ins>
     </div>
 </template>
 
@@ -58,4 +60,18 @@ export default {
     height: 200px;
     padding: 1em;
 }
+
+.adsbygoogle {
+    display:block;
+    &:not(:empty) {
+        padding-block-start: .5em;
+        padding-block-end: .5em;
+        text-decoration: none;
+        &:after {
+            content: attr(data-label);
+            display: block;
+            font-size: 0.7rem;
+        }
+    }
+}
 </style>

locale/en/translations.suml

@@ -664,6 +664,7 @@ support:
         you can use the links below:
     bankAccount: 'Bank transfer'
     # bankAccountOwner: 'The account is the name of a project maintainer, Andrea Vos'
+    ad: 'Ad'
 
 user:
     header: 'Account'