From 8b0d9570b115422deaee6cc0b63328cd46916ba5 Mon Sep 17 00:00:00 2001
From: Ben Kurtovic <ben.kurtovic@gmail.com>
Date: Sun, 1 Jan 2017 02:43:33 -0500
Subject: [PATCH] Align differently-sized operation columns nicely.

---
 static/main.css                   | 13 +++++++------
 templates/campaigns/campaign.mako |  3 +--
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/static/main.css b/static/main.css
index c97fa21..ccd7019 100644
--- a/static/main.css
+++ b/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) {
diff --git a/templates/campaigns/campaign.mako b/templates/campaigns/campaign.mako
index 1150ce2..106d789 100644
--- a/templates/campaigns/campaign.mako
+++ b/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]