templates/base.gotmpl

@@ -11,6 +11,13 @@
     integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
     crossorigin="anonymous"></script>
 
+  <style>
+    html,
+    body {
+      overflow-y: hidden;
+    }
+  </style>
+
   <script>
     function getSubmissionNames(form) {
       return Array.from(new FormData(form).keys());

templates/foreign_wishlist.gotmpl

@@ -26,8 +26,8 @@
 {{end}}
 
 {{define "body"}}
-<div class="overflow-y-scroll flex-grow-1">
-  <div class="container py-5">
+<div class="overflow-y-scroll">
+  <div class="container pt-5">
     <section class="card">
       <div class="card-body">
         <h2>{{.Username}}'s list</h2>
@@ -84,12 +84,11 @@
         {{end}}
         <form method="post">
           <div class="input-group mt-3">
-            <input class="form-control" name="gift_name" required aria-describedby="gift_name_help">
+            <input class="form-control" name="gift_name"
+              placeholder="This will be invisible to {{.Username}}, but everyone else will be able to see it and possibly claim it."
+              required>
             <button class="btn btn-primary" type="submit" name="intent" value="add">Add gift idea</button>
           </div>
-          <div id="gift_name_help" class="form-text">This will be invisible to {{.Username}}, but everyone else will be
-            able to see it and
-            possibly claim it.</div>
         </form>
       </div>
     </section>

templates/home.gotmpl

@@ -22,8 +22,8 @@
 {{end}}
 
 {{define "body"}}
-<div class="overflow-y-scroll flex-grow-1">
-  <div class="container py-5">
+<div class="overflow-y-scroll">
+  <div class="container pt-5">
     <section class="card mb-4">
       <div class="card-body">
         <h2>Your wishlist</h2>
@@ -54,10 +54,10 @@
       </div>
     </section>
 
+    {{with .Todo}}
     <section class="card">
       <div class="card-body">
         <h2>Your todo list</h2>
-        {{with .Todo}}
         <form method="post"
           onchange="acceptNames(this, 'unclaimSubmit', 'gift'); acceptNames(this, 'completeSubmit', 'gift')"
           autocomplete="off">
@@ -86,11 +86,9 @@
           <button id="completeSubmit" class="btn btn-success" type="submit" name="mode" value="complete_todo"
             disabled>Complete</button>
         </form>
-        {{else}}
-        <p class="mb-0">When you claim gifts for others, they will appear here.</p>
-        {{end}}
       </div>
     </section>
+    {{end}}
   </div>
 </div>
 {{end}}