Improve responsive account about page

client/src/app/+accounts/account-about/account-about.component.html

@@ -1,10 +1,10 @@
 <div *ngIf="account" class="row">
-  <div class="description col-md-6 col-sm-12">
+  <div class="block col-md-6 col-sm-12">
     <div class="small-title">Description</div>
     <div class="content">{{ getAccountDescription() }}</div>
   </div>
 
-  <div class="stats col-md-6 col-sm-12">
+  <div class="block col-md-6 col-sm-12">
     <div class="small-title">Stats</div>
 
     <div class="content">Joined {{ account.createdAt | date }}</div>

client/src/app/+accounts/account-about/account-about.component.scss

@@ -1,8 +1,12 @@
 @import '_variables';
 @import '_mixins';
 
+.block {
+  margin-bottom: 40px;
+
   .small-title {
     @include in-content-small-title;
 
     margin-bottom: 20px;
   }
+}

client/src/sass/application.scss

@@ -111,6 +111,10 @@ label {
   &:hover, &:active, &:focus {
     color: #000;
   }
+
+  @media screen and (max-width: 500px) {
+    margin-right: 20px;
+  }
 }
 
 .admin-sub-header {