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;
}
1	dpavlin	28	/* pending/available pictures */
2
3	dpavlin	12	.picture {
4			text-align: right;
5			}
6
7	dpavlin	64	.single-picture {
8			border: 1px solid #888;
9			margin-top: 1em;
10			}
11
12	dpavlin	28	/* units list */
13
14			.unit {
15			float: left;
16	dpavlin	65	width: 50%;
17	dpavlin	28	}
18
19			.pictures-by-unit {
20			float: right;
21			width: 20%;
22	dpavlin	65	min-width: 320px;
23	dpavlin	28	padding-left: 2em;
24	dpavlin	64	padding-right: 2em;
25	dpavlin	28	padding-bottom: 1em;
26			}
27
28			/* buttons */
29
30	dpavlin	15	.float-crud-button {
31			float: right;
32			}
33
34	dpavlin	28	.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	dpavlin	15	.argument-material {
50			clear: left !important;
51			padding-top: 0 !important;
52			}