#70: Moved example links under the text fields

web/src/components/LandingPage.vue

@@ -23,7 +23,7 @@
       autocomplete="off"
       onSubmit="return false;"
     >
-      <div class="form-group">
+      <div class="row mb-2">
         <label class="control-label col-sm-2" />
         <div class="col-sm-4 input-sm">
           <input
@@ -48,11 +48,6 @@
             class="radio-label"
             for="condensate"
           >Condensate</label>
-          <span style="float: right">
-            Examples:
-            <router-link to="/protein_example">UNE6</router-link>,&nbsp;&nbsp;
-            <router-link to="/condensate_example">nucleolus__3702</router-link>
-          </span>
         </div>
       </div>
       <div class="form-group">
@@ -88,7 +83,7 @@
           </fetch-species>
         </div>
       </div>
-      <div class="form-group">
+      <div class="row">
         <label
           class="control-label col-sm-2"
           for="keyword"
@@ -138,6 +133,16 @@
           </button>
         </div>
       </div>
+      <div class="form-group">
+        <label class="col-sm-2" />
+        <div class="col-sm-4 input-sm">
+          <span style="float: right">
+            Examples:
+            <router-link to="/protein_example">UNE6</router-link>,&nbsp;&nbsp;
+            <router-link to="/condensate_example">nucleolus__3702</router-link>
+          </span>
+        </div>
+      </div>
     </form>
 
     <!--<div>{{require('lodash').map(this.$store.getters['Param/proteinList'], d => d.proteinName)}}</div>-->