Align differently-sized operation columns nicely.

static/main.css

@@ -417,12 +417,8 @@ h2 .disabled-info {
     display: flex;
 }
 
-#operations section.loose {
-    justify-content: space-around;
-}
-
-#operations section.tight {
-    justify-content: space-between;
+.operation {
+    flex: 1;
 }
 
 .operation .primary .num {
@@ -542,6 +538,11 @@ h2 .disabled-info {
     .operation .secondary .unit {
         margin-left: 0.15em;
     }
+
+    .operation .summary .contents {
+        display: inline-block;
+        margin-bottom: -4px;
+    }
 }
 
 @media (max-width: 799px) {

templates/campaigns/campaign.mako

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