static/css/app.css

/* pending/available pictures */

.picture {
        text-align: right;
}

.single-picture {
        border: 1px solid #888;
        margin-top: 1em;
}

/* units list */

.unit {
        float: left;
        width: 50%;
}

.pictures-by-unit {
        float: right;
        width: 20%;
        min-width: 320px;
        padding-left: 2em;
        padding-right: 2em;
        padding-bottom: 1em;
}

/* buttons */

.float-crud-button {
        float: right;
}

.button-delete {
        color: #800;
}

.button-add {
        color: #080;
}

/* layout tweaks */


.unit .argument-name {
        clear: none !important;
}

.argument-material {
        clear: left !important;
        padding-top: 0 !important;
}

ol.units li {
        clear: both;
}

.unit.details {
        font-size: 80%;
        color: #888;
}
1	/* pending/available pictures */
2
3	.picture {
4	text-align: right;
5	}
6
7	.single-picture {
8	border: 1px solid #888;
9	margin-top: 1em;
10	}
11
12	/* units list */
13
14	.unit {
15	float: left;
16	width: 50%;
17	}
18
19	.pictures-by-unit {
20	float: right;
21	width: 20%;
22	min-width: 320px;
23	padding-left: 2em;
24	padding-right: 2em;
25	padding-bottom: 1em;
26	}
27
28	/* buttons */
29
30	.float-crud-button {
31	float: right;
32	}
33
34	.button-delete {
35	color: #800;
36	}
37
38	.button-add {
39	color: #080;
40	}
41
42	/* layout tweaks */
43
44
45	.unit .argument-name {
46	clear: none !important;
47	}
48
49	.argument-material {
50	clear: left !important;
51	padding-top: 0 !important;
52	}
53
54	ol.units li {
55	clear: both;
56	}
57
58	.unit.details {
59	font-size: 80%;
60	color: #888;
61	}