Give starting material location its own row in the UI (#1157)

Author: ml-evs

webapp/src/components/StartingMaterialInformation.vue

@@ -34,6 +34,12 @@
             <ToggleableCollectionFormGroup v-model="Collections" />
           </div>
         </div>
+        <div class="form-row">
+          <div class="form-group col-lg-12 col-sm-12">
+            <label for="startmat-location">Location</label>
+            <StyledInput id="startmat-location" v-model="Location" :readonly="!isEditable" />
+          </div>
+        </div>
         <div class="form-row">
           <div class="form-group col-lg-3 col-sm-4">
             <label for="startmat-supplier">Supplier</label>
@@ -43,10 +49,6 @@
             <label for="startmat-purity">Chemical purity</label>
             <StyledInput id="startmat-purity" v-model="ChemicalPurity" :readonly="!isEditable" />
           </div>
-          <div class="form-group col-lg-3 col-sm-4">
-            <label for="startmat-location">Location</label>
-            <StyledInput id="startmat-location" v-model="Location" :readonly="!isEditable" />
-          </div>
         </div>
         <div class="form-row">
           <div class="form-group col-lg-3 col-sm-3 col-6">