Improve campaign operations column spacing.

static/main.css

@@ -366,9 +366,16 @@ h2 .disabled::after {
 
 #operations section {
     display: flex;
+}
+
+#operations section.loose {
     justify-content: space-around;
 }
 
+#operations section.tight {
+    justify-content: space-between;
+}
+
 .operation .stats .primary {
     line-height: 60px;
     height: 60px;
@@ -392,14 +399,10 @@ h2 .disabled::after {
 
 @media (min-width: 800px) {
     #operations {
-        margin-top: 1em;
+        margin: 1em;
     }
 
-    #operations section:not(:last-child) {
-        margin-bottom: 3em;
-    }
-
-    #operations section:last-child {
+    #operations section {
         margin-bottom: 2em;
     }
 

templates/campaigns/campaign.mako

@@ -8,7 +8,8 @@
 </h2>
 <div id="operations">
     % for section in campaign["layout"]:
-        <section>
+        <% klass = "loose" if len(section) < 3 else "tight" %>
+        <section class="${klass}">
             % for opname in section:
                 <% operation = campaign["operations"][opname] %>
                 <div class="operation">