improve layout of install chooser section

Author: drojf

httpGUI/installer.html

@@ -402,27 +402,6 @@ <h5 class="uppercase"> {{ modOptionGroup.name }} </h5>
 												<div class="button-tabs vertical">
 													<h4 class="uppercase mt40">Choose an install path</h4>
 													<ul class="tabs">
-														<li v-for="fullInstallConfig in fullInstallConfigs"
-															v-on:click="onChoosePathButtonClicked(fullInstallConfig.path);"
-															v-bind:key="fullInstallConfig.key">
-															<div class="tab-title">
-																Set install path to: "{{ fullInstallConfig.path }}"
-															</div>
-														</li>
-
-														<li>
-															<div class="tab-title" v-show="selectedSubMod!==null" v-on:click=onChoosePathButtonClicked()>
-																Select {{ {'mac':'Application (.app file)', 'windows':'Game Executable (.exe file)','linux':'Game Executable', null:'Game Executable'}[os] }} Manually (Open File Dialog)
-															</div>
-															<div v-if="os === 'mac'">
-																MAC USERS: You must select a .app file. For example,
-															<pre>/Users/[USERNAME]/library/application support/steam/
-steamapps/common/Higurashi When They Cry/HigurashiEp01.app</pre>
-															</div>
-															<div v-else>
-																You can select one of the following: {{ selectedSubMod.identifiers }}<br><br>
-															</div>
-														</li>
 														<table style="width:100%">
 															<tr>
 																<td style="width:23%;">Currently Chosen Path:</td>
@@ -437,19 +416,36 @@ <h4 class="uppercase mt40">Choose an install path</h4>
 																	<div v-if="installPathFocussed" style="color: red"><strong>Use manual entry as a last resort (if the file-chooser above doesn't work)</strong></div>
 																	<div v-if="validationInProgress">
 																		<div v-if="selectedInstallPath !== null" style="color: goldenrod"><strong>Validating...</strong></div>
+																		<div v-if="selectedInstallPath == null">Use the buttons below to select a path.</div>
 																	</div>
 																	<div v-else>
 																		<div v-if="installPathValid" style="color: green"><strong>Detected game at: {{ validatedInstallPath }}</strong></div>
 																		<div v-if="!installPathValid" style="color: red"><strong>Couldn't detect game!</strong></div>
 																	</div>
 																</td>
 															</tr>
-															<tr>
-																<td colspan="2">
-
-																</td>
-															</tr>
 														</table>
+														<li v-for="fullInstallConfig in fullInstallConfigs"
+															v-on:click="onChoosePathButtonClicked(fullInstallConfig.path);"
+															v-bind:key="fullInstallConfig.key">
+															<div class="tab-title">
+																Use Autodetected Path: "{{ fullInstallConfig.path }}"
+															</div>
+														</li>
+
+														<li>
+															<div class="tab-title" v-show="selectedSubMod!==null" v-on:click=onChoosePathButtonClicked()>
+																Select {{ {'mac':'Application (.app file)', 'windows':'Game Executable (.exe file)','linux':'Game Executable', null:'Game Executable'}[os] }} Manually (Open File Dialog)
+															</div>
+															<div v-if="os === 'mac'">
+																MAC USERS: You must select a .app file. For example,
+															<pre>/Users/[USERNAME]/library/application support/steam/
+steamapps/common/Higurashi When They Cry/HigurashiEp01.app</pre>
+															</div>
+															<div v-else>
+																You can select one of the following: {{ selectedSubMod.identifiers }}<br><br>
+															</div>
+														</li>
 													</ul>
 												</div>
 												<transition name="fade">