Tidying up the resource form

2 files changed, 27 insertions, 22 deletions

diff --git a/app/views/pdfresources/_form.html.erb b/app/views/pdfresources/_form.html.erb
index a75121a..39c8314 100644
--- a/app/views/pdfresources/_form.html.erb
+++ b/app/views/pdfresources/_form.html.erb
@@ -12,55 +12,60 @@
   <% end %>
 
   <div class="my-5">
-    <%= form.label :name %>
+    <%= form.label :name, class: "font-bold"  %>
     <%= form.text_field :name, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
   </div>
+  
+  <div class="my-5">
+    <%= form.label :description, class: "font-bold"  %>
+    <%= form.textarea :description, rows: 4, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+    <p class="text-sm text-gray-700">Go to two with the description here. THIS WILL BE RICH TEXT.</p>
+  </div>
 
   <div class="my-5">
-    <%= form.label :stripe_product_id %>
-    <%= form.text_field :stripe_product_id, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+    <%= form.label :card_description, class: "font-bold"  %>
+    <%= form.textarea :card_description, rows: 4, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+    <p class="text-sm text-gray-700">This is a much shorter description that is used inside the "card" boxes on the listings page.</p>
   </div>
 
   <div class="my-5">
-    <%= form.label :pdfs %>
+    <%= form.label :pdfs, "Resource PDFs", class: "font-bold"  %>
     <%= form.file_field :pdfs, multiple: true, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+    <p class="text-sm text-gray-700">You can upload up to 10 PDFs per resource.</p>
   </div>
 
   <div class="my-5">
-    <%= form.label :thumbnails %>
+    <%= form.label :thumbnails, class: "font-bold"  %>
     <%= form.file_field :thumbnails, multiple: true, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+    <p class="text-sm text-gray-700">You can upload up to 10 thumbnails per resource.</p>
   </div>
 
   <div class="my-5">
-    <%= form.label :price %>
-    <%= form.text_field :price, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+    <%= form.label :price, class: "font-bold"  %>
+    <%= form.number_field :price, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
+    <p class="text-sm text-gray-700">This is what we will sell it for!</p>
+  </div>
+  
+  <div class="my-5">
+    <%= form.label :stripe_product_id, "Stripe Product ID", class: "font-bold" %>
+    <%= form.text_field :stripe_product_id, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
   </div>
 
   <div class="my-5">
-    <%= form.label :age_range %>
+    <%= form.label :age_range, class: "font-bold"  %>
     <%= form.text_field :age_range, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
   </div>
 
   <div class="my-5">
-    <%= form.label :curriculum %>
+    <%= form.label :curriculum, class: "font-bold"  %>
     <%= form.text_field :curriculum, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
   </div>
 
   <div class="my-5">
-    <%= form.label :feature_slot %>
+    <%= form.label :feature_slot, class: "font-bold"  %>
     <%= form.number_field :feature_slot, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
   </div>
 
-  <div class="my-5">
-    <%= form.label :description %>
-    <%= form.textarea :description, rows: 4, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
-  </div>
-
-  <div class="my-5">
-    <%= form.label :card_description %>
-    <%= form.textarea :card_description, rows: 4, class: "block shadow rounded-md border border-gray-400 outline-none px-3 py-2 mt-2 w-full" %>
-  </div>
-
   <div class="inline">
     <%= form.submit class: "rounded-lg py-3 px-5 bg-blue-600 text-white inline-block font-medium cursor-pointer" %>
   </div>
diff --git a/app/views/pdfresources/new.html.erb b/app/views/pdfresources/new.html.erb
index 5bd072b..73f1a01 100644
--- a/app/views/pdfresources/new.html.erb
+++ b/app/views/pdfresources/new.html.erb
@@ -1,5 +1,5 @@
-<div class="mx-auto md:w-2/3 w-full">
-  <h1 class="font-bold text-4xl">New pdfresource</h1>
+<div class="mx-auto md:w-1/2 w-full">
+  <h1 class="font-bold text-4xl">Add a new Resource</h1>
 
   <%= render "form", pdfresource: @pdfresource %>