Improve mobile layout

apps/client/src/app/components/position/position-detail-dialog/position-detail-dialog.html

@@ -126,14 +126,15 @@
         <gf-value
           label="Asset Class"
           size="medium"
+          [hidden]="!SymbolProfile?.assetClass"
           [value]="SymbolProfile?.assetClass"
         ></gf-value>
       </div>
       <div class="col-6 mb-3">
         <gf-value
-          size="medium"
           label="Asset Sub Class"
-          [locale]="data.locale"
+          size="medium"
+          [hidden]="!SymbolProfile?.assetSubClass"
           [value]="SymbolProfile?.assetSubClass"
         ></gf-value>
       </div>
@@ -164,8 +165,8 @@
           </div>
         </ng-container>
         <ng-template #charts>
-          <div class="col-6 mb-3">
-            <div class="h4 mb-0" i18n>Countries</div>
+          <div class="col-md-6 mb-3">
+            <div class="h4" i18n>Countries</div>
             <gf-portfolio-proportion-chart
               [baseCurrency]="user?.settings?.baseCurrency"
               [isInPercent]="true"
@@ -175,8 +176,8 @@
               [positions]="countries"
             ></gf-portfolio-proportion-chart>
           </div>
-          <div class="col-6 mb-3">
-            <div class="h4 mb-0" i18n>Sectors</div>
+          <div class="col-md-6 mb-3">
+            <div class="h4" i18n>Sectors</div>
             <gf-portfolio-proportion-chart
               [baseCurrency]="user?.settings?.baseCurrency"
               [isInPercent]="true"