Merge pull request #10253 from LawnGnome/tweak-delete-design

crate/delete: tinker with the requirements styling

Author: Turbo87

app/styles/crate/delete.module.css

@@ -47,10 +47,31 @@
     }
 }
 
+@counter-style sub {
+    system: extends lower-alpha;
+    prefix: '(';
+    suffix: ') ';
+}
+
 .requirements {
-    ul {
-        list-style: none;
-        padding-left: 0;
+    .or {
+        padding-left: 3.5em;
+        padding-bottom: 0.3em;
+        font-weight: bold;
+        font-variant: small-caps;
+    }
+
+    .first {
+        margin-bottom: 0.5em;
+    }
+
+    .second {
+        margin-top: 0.5em;
+    }
+
+    ol ol {
+        list-style-type: sub;
+        padding-left: 1.5em;
     }
 }
 

app/templates/crate/delete.hbs

@@ -20,15 +20,18 @@
 
     <div local-class="requirements">
       <h3>Requirements:</h3>
-      <p>A crate can only be deleted if:</p>
-      <ol>
-        <li>the crate has been published for less than 72 hours, or</li>
+      <p>A crate can only be deleted if either:</p>
+      <ol local-class='first'>
+        <li>the crate has been published for less than 72 hours</li>
+      </ol>
+      <div local-class='or'>or</div>
+      <ol start="2" local-class='second'>
         <li>
-          <ul>
-            <li>the crate only has a single owner, and</li>
-            <li>the crate has been downloaded less than 500 times for each month it has been published, and</li>
+          <ol>
+            <li>the crate only has a single owner, <em>and</em></li>
+            <li>the crate has been downloaded less than 500 times for each month it has been published, <em>and</em></li>
             <li>the crate is not depended upon by any other crate on crates.io.</li>
-          </ul>
+          </ol>
         </li>
       </ol>
     </div>