static/css/app.css

/* pending/available pictures */

.picture {
        text-align: right;
}

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

.picture-description {
        width: 70%;
        padding-left: 2em;
}

/* units list */

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

.pictures-by-unit {
        float: right;
        width: 20%;
        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	/* 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	.picture-description {
13	width: 70%;
14	padding-left: 2em;
15	}
16
17	/* units list */
18
19	.unit {
20	float: left;
21	width: 70%;
22	}
23
24	.pictures-by-unit {
25	float: right;
26	width: 20%;
27	padding-left: 2em;
28	padding-right: 2em;
29	padding-bottom: 1em;
30	}
31
32	/* buttons */
33
34	.float-crud-button {
35	float: right;
36	}
37
38	.button-delete {
39	color: #800;
40	}
41
42	.button-add {
43	color: #080;
44	}
45
46	/* layout tweaks */
47
48
49	.unit .argument-name {
50	clear: none !important;
51	}
52
53	.argument-material {
54	clear: left !important;
55	padding-top: 0 !important;
56	}