layout not quite working
</button>
</header>
+ </div>
+
+ <div class="card mb-3">
+ <div class="card-header">
+ <button class="btn btn-block parheading" v-b-toggle.general>General options</button>
+ </div>
+ <b-collapse visible id="general">
+ <div class="card-body">
+ <div class="row">
+
<!-- Presets -->
<div class="form-row mb-3">
- <div class="col">
+ <div class="col-12">
<select :disabled="running" id="examples" v-model="reset_choice" @change="resetPars()" class="form-control" aria-label="Example Presets">
<option v-for="(item, index) in reset_options" :value="item">
{{ item }}
</div>
</div>
- <div class="form-group">
- <label for="n_days">Simulation duration (in days):</label>
+ <div class="form-row mb-3">
+ <label for="n_days" class="col-12">Simulation duration (in days):</label>
<input id="n_days" type="number" :min="sim_length.min" :max="sim_length.max" :disabled="running" class="form-control" v-model.number="sim_length.best">
<span aria-live="assertive" v-if="paramError.sim_length" class="text-danger form-error">{{paramError.sim_length}}</span>
</div>
</div>
+ </div>
+ </b-collapse>
+ </div>
+
<div class="card mb-3">
<div class="card-header">
<button class="btn btn-block parheading" v-b-toggle.intervention>Interventions</button>
