Updating spacing of sector drop down

Updated the spacing of the sector drop down see #303
digital-sustainability · Sep 20, 2023 · 8b79f7f · 8b79f7f
1 parent f260079
commit 8b79f7f
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/frontend/src/app/ranking/ranking.component.html b/frontend/src/app/ranking/ranking.component.html
@@ -37,9 +37,19 @@ <h1>
       <mat-option
         *ngFor="let sectorObj of sectorFilters"
         [value]="sectorObj.sector"
-        ><span>{{ sectorObj.sector | toNiceName }}</span>
-        <span style="float: right">{{ sectorObj.count }}</span></mat-option
       >
+        <div
+          style="
+            width: 136px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+          "
+        >
+          <span>{{ sectorObj.sector | toNiceName }}</span>
+          <span>{{ sectorObj.count }}</span>
+        </div>
+      </mat-option>
     </mat-select>
   </mat-form-field>
   <mat-checkbox