Browse Source

Improve campaign operations column spacing.

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

+ 9
- 6
static/main.css View File

@@ -366,9 +366,16 @@ h2 .disabled::after {


#operations section { #operations section {
display: flex; display: flex;
}

#operations section.loose {
justify-content: space-around; justify-content: space-around;
} }


#operations section.tight {
justify-content: space-between;
}

.operation .stats .primary { .operation .stats .primary {
line-height: 60px; line-height: 60px;
height: 60px; height: 60px;
@@ -392,14 +399,10 @@ h2 .disabled::after {


@media (min-width: 800px) { @media (min-width: 800px) {
#operations { #operations {
margin-top: 1em;
margin: 1em;
} }


#operations section:not(:last-child) {
margin-bottom: 3em;
}

#operations section:last-child {
#operations section {
margin-bottom: 2em; margin-bottom: 2em;
} }




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

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


Loading…
Cancel
Save