Improve layout for mobile

apps/client/src/app/components/benchmark-comparator/benchmark-comparator.component.html

@@ -1,14 +1,16 @@
-<div class="align-items-center d-flex">
+<div class="row">
-  <div class="align-items-center d-flex flex-grow-1 h5 mb-0 text-truncate">
+  <div class="col-md-6 col-xs-12 d-flex">
-    <span i18n>Benchmarks</span>
+    <div class="align-items-center d-flex flex-grow-1 h5 mb-0 text-truncate">
-    <sup i18n>Beta</sup>
+      <span i18n>Benchmarks</span>
-    <gf-premium-indicator
+      <sup i18n>Beta</sup>
-      *ngIf="user?.subscription?.type === 'Basic'"
+      <gf-premium-indicator
-      class="ml-1"
+        *ngIf="user?.subscription?.type === 'Basic'"
-    ></gf-premium-indicator>
+        class="ml-1"
+      ></gf-premium-indicator>
+    </div>
   </div>
-  <div>
+  <div class="col-md-6 col-xs-12 d-flex justify-content-end">
-    <mat-form-field appearance="outline" class="w-100">
+    <mat-form-field appearance="outline" class="w-100" color="accent">
       <mat-label i18n>Compare with...</mat-label>
       <mat-select
         name="benchmark"