calculating option width with css instead of flexbox

Author: nodeful

ui/src/app/components/options/options.component.html

@@ -1,6 +1,6 @@
 <div fxLayout="column" fxLayoutAlign="space-around start" fxLayoutGap="10px">
   <div *ngFor="let row of options" fxLayout="row" style="width: 100%" fxLayoutGap="10px" fxLayoutAlign="space-between center">
-    <div *ngFor="let option of row" [fxFlex]="100 / row.length" [ngStyle]="getOptionStyle(option)">
+    <div *ngFor="let option of row" [ngStyle]="getOptionStyle(option)">
         <!-- Checkbox -->
         <div *ngIf="option.type === 'checkbox'" 
         fxLayout="row" fxLayoutAlign="center center" fxFill fxLayoutGap="10px"

ui/src/app/components/options/options.component.ts

@@ -136,8 +136,11 @@ export class OptionsComponent {
     public ref: ChangeDetectorRef
     ) {}
 
-  getOptionStyle (option: Option) {
+  getOptionStyle (option: Option, row: Option[]) {
     let style = option.style || {}
+    if (!style.width) {
+      style.width = `${100 / row.length}%`
+    }
     if (option.type === 'button') {
       style.width = '100%'
     }