fix(ui): reorder and add missing config options (#1993)

src_assets/common/assets/web/ResourceCard.vue

@@ -2,7 +2,7 @@
     <div class="card p-2">
         <div class="card-body">
             <h2>Resources</h2>
-            <br />
+            <br>
             <p>
                 Resources for Sunshine!
             </p>
@@ -19,7 +19,7 @@
     <div class="card p-2 mt-4">
         <div class="card-body">
             <h2>Legal</h2>
-            <br />
+            <br>
             <p>
                 By continuing to use this software you agree to the terms and conditions in the following documents.
             </p>

src_assets/common/assets/web/apps.html

@@ -102,7 +102,7 @@
     </div>
     <div class="edit-form card mt-2" v-if="showEditForm">
       <div class="p-4">
-        <!--name-->
+        <!-- Application Name -->
         <div class="mb-3">
           <label for="appName" class="form-label">Application Name</label>
           <input type="text" class="form-control" id="appName" aria-describedby="appNameHelp" v-model="editForm.name" />
@@ -136,7 +136,7 @@
         <div class="mb-3">
           <label for="appName" class="form-label">Command Preparations</label>
           <div class="form-text">
-            A list of commands to be run before/after this application.<br />
+            A list of commands to be run before/after this application.<br>
             If any of the prep-commands fail, starting the application is aborted.
           </div>
           <div class="d-flex justify-content-start mb-3 mt-3" v-if="editForm['prep-cmd'].length === 0">
@@ -354,7 +354,7 @@
               href="https://docs.lizardbyte.dev/projects/sunshine/en/latest/about/guides/app_examples.html"
               target="_blank">See More</a></div>
         </div>
-        <!--buttons-->
+        <!-- Save buttons -->
         <div class="d-flex">
           <button @click="showEditForm = false" class="btn btn-secondary m-2">
             Cancel

src_assets/common/assets/web/index.html

@@ -24,7 +24,7 @@
     <div class="card p-2 my-4">
       <div class="card-body" v-if="version">
         <h2>Version {{version}}</h2>
-        <br />
+        <br>
         <div v-if="loading">
           Loading Latest Release...
         </div>

src_assets/common/assets/web/pin.html

@@ -16,7 +16,7 @@
       </div>
       <div class="alert alert-warning">
         <b>Warning!</b> Make sure you have access to the client you are pairing
-        with.<br />
+        with.<br>
         This software can give total control to your computer, so be careful!
       </div>
       <div id="status"></div>

src_assets/common/assets/web/troubleshooting.html

@@ -44,7 +44,7 @@
     <div class="card p-2 my-4">
       <div class="card-body">
         <h2>Force Close</h2>
-        <br />
+        <br>
         <p>
           If Moonlight complains about an app currently running, force closing the
           app should fix the issue.
@@ -66,7 +66,7 @@
     <div class="card p-2 my-4">
       <div class="card-body">
         <h2>Restart Sunshine</h2>
-        <br />
+        <br>
         <p>
           If Sunshine isn't working properly, you can try restarting it.
           This will terminate any running sessions.
@@ -85,7 +85,7 @@
     <div class="card p-2 my-4">
       <div class="card-body">
         <h2>Unpair All Clients</h2>
-        <br />
+        <br>
         <p>Remove all your paired devices</p>
         <div class="alert alert-success" v-if="unpairAllStatus === true">
           Unpair Successful!
@@ -104,7 +104,7 @@
     <div class="card p-2 my-4">
       <div class="card-body">
         <h2>Logs</h2>
-        <br />
+        <br>
         <div class="d-flex justify-content-between align-items-baseline py-2">
           <p>See the logs uploaded by Sunshine</p>
           <input type="text" class="form-control" v-model="logFilter" placeholder="Find..." style="width: 300px">

src_assets/common/assets/web/welcome.html

@@ -19,7 +19,7 @@
           Before Getting Started, we need you to make a new username and password for accessing the Web UI.
         </p>
         <div class="alert alert-warning">
-          The credentials below are needed to access Sunshine's Web UI.<br />
+          The credentials below are needed to access Sunshine's Web UI.<br>
           Keep them safe, since <b>you will never see them again!</b>
         </div>
         <form @submit.prevent="save">