Fix about page layout

diff --git a/client/src/app/+about/about-instance/about-instance.component.html b/client/src/app/+about/about-instance/about-instance.component.html
index 40602311cef9316f4ee0dd2be3419bac612046a0..d8794d602d5d11e5f1c4018d781fe71cca2a71d8 100644 (file)
--- a/client/src/app/+about/about-instance/about-instance.component.html
+++ b/client/src/app/+about/about-instance/about-instance.component.html
@@ -7,7 +7,7 @@
       <button i18n *ngIf="isContactFormEnabled" (click)="openContactModal()" (keydown.enter)="openContactModal()" class="contact-admin">Contact administrator</button>
     </div>
 
-    <div class="block instance-badges" *ngIf="categories.length !== 0 || languages.length !== 0">
+    <div class="instance-badges" *ngIf="categories.length !== 0 || languages.length !== 0">
       <span *ngFor="let category of categories" class="badge badge-primary category">{{ category }}</span>
 
       <span *ngFor="let language of languages" class="badge badge-secondary language">{{ language }}</span>

diff --git a/client/src/app/+about/about-instance/about-instance.component.scss b/client/src/app/+about/about-instance/about-instance.component.scss
index 1a6fad13a6ce3abc556464bf107ceb260179b65d..7158a3a792fd17a4d0301cf8acafa3f4c2400026 100644 (file)
--- a/client/src/app/+about/about-instance/about-instance.component.scss
+++ b/client/src/app/+about/about-instance/about-instance.component.scss
@@ -4,7 +4,6 @@
 .about-instance-title {
   display: flex;
   justify-content: space-between;
-  margin-bottom: 20px;
 
   .title {
     font-size: 20px;
@@ -21,6 +20,7 @@
 
 .instance-badges {
   font-size: 16px;
+  margin-bottom: 20px;
 
   .badge {
     font-size: 12px;