Printing: enhance the one_dive per page template

- fix the layout
- prevent the notes from expanding
- don't overflow the text

Signed-off-by: Gehad elrobey <gehadelrobey@gmail.com>
Signed-off-by: Lubomir I. Ivanov <neolit123@gmail.com>
This commit is contained in:
Gehad elrobey 2015-07-10 14:02:13 +02:00 committed by Lubomir I. Ivanov
parent c90d5b891d
commit 85bce0fa0d

View file

@ -16,13 +16,17 @@
} }
table { table {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; box-sizing: border-box;
border:max(1px, 0.1vw); border:max(1px, 0.1vw);
border-style:solid; border-style:solid;
} }
td {
padding-left: 0.5vw;
padding-right: 0.5vw;
}
.mainContainer { .mainContainer {
width: 96%; width: 96%;
height: 100%; height: 100%;
@ -45,8 +49,7 @@
.diveDetails { .diveDetails {
width: 98%; width: 98%;
height: 98%; height: 98%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; box-sizing: border-box;
border:max(1px, 0.1vw); border:max(1px, 0.1vw);
border-style:solid; border-style:solid;
@ -54,20 +57,15 @@
} }
.diveProfile { .diveProfile {
width: 97%; width: 96%;
height: 40%; height: 40%;
margin: 1.5%; margin: 2%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box;
border:max(1px, 0.1vw);
border-style:solid;
} }
.dataSection { .dataSection {
width: 97%; width: 98%;
height: 40%; height: 40%;
margin: 1.5%; margin: 1%;
} }
.fieldTitle { .fieldTitle {
@ -77,18 +75,20 @@
.table_class { .table_class {
float: left; float: left;
margin: 1.5%; margin: 1%;
width: 48%;
} }
.notes_table_class { .notes_table_class {
overflow: hidden; overflow: hidden;
width: 97%; width: 98%;
margin: 1.5%; margin: 1%;
float: left;
} }
.textArea { .textArea {
line-height: {{ template_options.line_spacing }}; line-height: {{ template_options.line_spacing }};
max-height: 19vh;
overflow: hidden;
} }
</style> </style>
</head> </head>