extra explaining text in selector screen

verse/static/css/style.css

@@ -108,10 +108,17 @@ input[type="submit"]:disabled:focus {
 }
 
 .error {
-  color: #ff5a5a;
+  color: #aa5050;
 }
-.delete !important {
-  color: #ff5a5a;
+
+#delete {
+  color: black;
+  background-color: #aa5050;
+}
+
+#update {
+  color: black;
+  background-color: #62b264;
 }
 
 

verse/templates/distribusiworkflow/selector.html

@@ -1,6 +1,6 @@
 <div id="distribusi" class="workflow">
   <h2>Welcome back to your Distribusi</h2>
-  <p>You have already uploaded a distribusi website, do you want to make a new one, update or delete?</p>
+  <p>You have already uploaded a distribusi website:</p>
     <form method="POST" enctype="multipart/form-data" action="{{ url_for('selector') }}">
       {{ selectorform.csrf_token }}
       <fieldset class="required">
@@ -12,10 +12,16 @@
           {% endfor %}
         </div>
       </fieldset>
-      <fieldset class="button required multiselect">
+      <p>You can update your distribusi.
+        When you upload new files, they will <strong>replace</strong> the old ones.</p>
+      <fieldset class="button required multiselect update">
       {{ selectorform.update }}
       </fieldset>
-      <fieldset class="button required multiselect warning">
+      <p>
+        This will delete your distribusi site.
+        <strong> This action cannot be undone! </strong>
+      </p>
+      <fieldset class="button required multiselect delete">
       {{ selectorform.delete }}
       </fieldset>
       <p>Alternatively you can make a new site</p>