From 5ec798018091257e11b6b762cd6ed713c2adc167 Mon Sep 17 00:00:00 2001
From: Ben Kurtovic <ben.kurtovic@gmail.com>
Date: Tue, 27 Dec 2016 16:00:31 -0500
Subject: [PATCH] Improve campaign operations column spacing.

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

diff --git a/static/main.css b/static/main.css
index 918b2bf..86e8ca2 100644
--- a/static/main.css
+++ b/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;
     }
 
diff --git a/templates/campaigns/campaign.mako b/templates/campaigns/campaign.mako
index dbd5319..fba5722 100644
--- a/templates/campaigns/campaign.mako
+++ b/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">