Add .field.label-line to make large fields break the header and input
[bugdar.git] / templates / fields.css
1 /*=====================================================================*\
2 || ###################################################################
3 || # Bugdar
4 || # Copyright (c)2002-2007 Blue Static
5 || #
6 || # This program is free software; you can redistribute it and/or modify
7 || # it under the terms of the GNU General Public License as published by
8 || # the Free Software Foundation; version 2 of the License.
9 || #
10 || # This program is distributed in the hope that it will be useful, but
11 || # WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
12 || # or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
13 || # more details.
14 || #
15 || # You should have received a copy of the GNU General Public License along
16 || # with this program; if not, write to the Free Software Foundation, Inc.,
17 || # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
18 || ###################################################################
19 \*=====================================================================*/
20
21 .field {
22 display: flex;
23 width: 100%;
24
25 margin: 3px 0;
26 }
27
28 .field .label {
29 width: 20%;
30
31 background-color: rgb(78, 78, 78);
32 font-weight: bold;
33 font-size: 11px;
34 color: rgb(255, 255, 255);
35 padding: 3px;
36 border: 1px solid rgb(0, 0, 0);
37 }
38
39 .field .label a {
40 color: rgb(255, 255, 255);
41 }
42
43 .field.label-line {
44 flex-direction: column;
45 padding: 5px;
46 }
47
48 .field.label-line .label {
49 width: 100%;
50 }
51
52 .field.label-line .value {
53 width: 100%;
54 padding: 0;
55 }
56
57 .field .value {
58 width: 80%;
59 padding: 3px;
60 padding-left: 5px;
61 }
62
63 .helplink {
64 border: none;
65 float: right;
66 }