Updated styling on main page things to make it look nicer.

static/style.css

@@ -33,6 +33,10 @@ body {
     font-size: 36pt;
 }
 
+.articleentry {
+    margin: 2em;
+}
+
 @media screen and (max-width: 52em) {
     .uhaul_cont {
         font-size: 24pt;

templates/main.htm

@@ -1,14 +1,18 @@
 {% extends 'base.htm' %}
 
 {% macro render_article_link(desc, date) %}
-<li>
-  <a href="{{ desc.url }}">{{ desc.title }}</a>
-  <form action="/action/flag" method="POST">
-    <input type="hidden" name="date" value="{{ date }}"/>
-    <input type="hidden" name="article" value="{{ desc.url }}"/>
-    <input type="submit" value="Flag False Positive"/>
-  </form>
-</li>
+<div class="articleentry row mt-2 mb-2">
+  <div class="col">
+    <a href="{{ desc.url }}">{{ desc.title }}</a>
+  </div>
+  <div class="articlereport col-md-auto">
+    <form action="/action/flag" method="POST">
+      <input type="hidden" name="date" value="{{ date }}"/>
+      <input type="hidden" name="article" value="{{ desc.url }}"/>
+      <input class="btn btn-secondary" type="submit" value="Flag False Positive"/>
+    </form>
+  </div>
+</div>
 {% endmacro %}
 
 {% block content %}
@@ -47,6 +51,9 @@
     incident data directly from MassDOT, but that's a lot more work to pull data
     from and I'm not sure how quickly it's updated so I'll leave that to someone
     more dedicated to <a href="https://code.tr3y.io/treyzania/storrowed.boston">work on</a>.
+    A common type of false positive that shows up with this is when a news site
+    publishes an article about Storrow in general rather than a specific event,
+    so feel free to report those if you want.
   </p>
 
   <h1>Articles</h1>
@@ -63,19 +70,19 @@
     {% for d in sb.days %}
     <div class="day mb-3">
       <h3>{{ d.date }}</h3>
-      <ul>
+      <div>
         {% for l in d.links %}
         {{ render_article_link(l, d.date) }}
         {% endfor %}
-      </ul>
+      </div>
       {% if d.maybe_links|length > 0 %}
       <details>
         <summary><em>and {{ d.maybe_links|length }} weak match(es)</em></summary>
-        <ul>
+        <div>
           {% for l in d.maybe_links %}
           {{ render_article_link(l, d.date) }}
           {% endfor %}
-        </ul>
+        </div>
       </details>
       {% endif %}
     </div>
@@ -85,12 +92,16 @@
   <h1>Submit</h1>
 
   <div id="submit">
-    Found an article that my shitty code missed?  Submit it here!
+    Found an article that my shitty code missed?  Submit it here and it'll
+    verify and list it!
 
-    <form action="/action/submit" method="POST">
-      <label for="submit_url">Evidence</label>
-      <input type="url" id="submit_url" name="article" required/>
-      <input type="submit" value="Submit"/>
+    <form class="row mt-3" action="/action/submit" method="POST">
+      <div class="col-auto form-group mb-2">
+        <input class="form-control" type="url" id="submit_url" name="article" placeholder="Article link" required/>
+      </div>
+      <div class="col-auto">
+        <button class="btn btn-primary" type="submit">Submit</button>
+      </div>
     </form>
   </div>
 </div>