Browse Source

Align differently-sized operation columns nicely.

master
Ben Kurtovic 4 years ago
parent
commit
8b0d9570b1
2 changed files with 8 additions and 8 deletions
  1. +7
    -6
      static/main.css
  2. +1
    -2
      templates/campaigns/campaign.mako

+ 7
- 6
static/main.css View File

@@ -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) {


+ 1
- 2
templates/campaigns/campaign.mako View File

@@ -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]


Loading…
Cancel
Save