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	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	12	.picture-description {
13			width: 70%;
14			padding-left: 2em;
15			}
16	dpavlin	13
17	dpavlin	28	/* 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	dpavlin	64	padding-right: 2em;
29	dpavlin	28	padding-bottom: 1em;
30			}
31
32			/* buttons */
33
34	dpavlin	15	.float-crud-button {
35			float: right;
36			}
37
38	dpavlin	28	.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	dpavlin	15	.argument-material {
54			clear: left !important;
55			padding-top: 0 !important;
56			}