HTML: some css enhancment

Detailed dive view needs more padding just to view normally.

Signed-off-by: Gehad elrobey <gehadelrobey@gmail.com>
Signed-off-by: Miika Turkia <miika.turkia@gmail.com>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Gehad elrobey 2014-06-26 01:10:17 +03:00 committed by Dirk Hohndel
parent f139eff590
commit ac46158d65
4 changed files with 15 additions and 47 deletions

View file

@ -164,20 +164,20 @@ function changeAdvSearch(e){
</div> </div>
</center> </center>
<div id="diveprofile"> <div id="diveprofile">
<h2>Dive profile</h2> <h2 class="det_hed">Dive profile</h2>
<canvas id="profileCanvas"></canvas> <canvas id="profileCanvas"></canvas>
</div> </div>
<div id="diveinfo"> <div id="diveinfo">
<h2>Dive Information</h2> <h2 class="det_hed">Dive Information</h2>
</div> </div>
<div id="dive_equipments"> <div id="dive_equipments">
<h2>Dive equipments</h2> <h2 class="det_hed">Dive equipments</h2>
</div> </div>
<div id="bookmarks"> <div id="bookmarks">
<h2>Bookmarks</h2> <h2 class="det_hed">Bookmarks</h2>
</div> </div>
<div id="divestats"> <div id="divestats">
<h2>Dive stats</h2> <h2 class="det_hed">Dive stats</h2>
</div> </div>
</div> </div>
</body> </body>

View file

@ -40,6 +40,7 @@ th{
.words{ .words{
font-size:inherit; font-size:inherit;
font-weight:bold; font-weight:bold;
padding-right:25px;
} }
.item{ .item{
@ -213,24 +214,9 @@ ul:hover{
padding-right:25px; padding-right:25px;
} }
#diveinfo{ .det_hed{
border-style:solid; background-color:#5f7f8f;
} padding:3px;
#diveprofile{
border-style:solid;
}
#dive_equipments{
border-style:solid;
}
#divestats{
border-style:solid;
}
#bookmarks{
border-style:solid;
} }
@media (max-width: 768px) { @media (max-width: 768px) {

View file

@ -817,7 +817,7 @@ function get_cylinder_HTML(cylinder)
function get_cylinders_HTML(dive) function get_cylinders_HTML(dive)
{ {
var result = ""; var result = "";
result += '<h2>Dive equipments</h2><table><tr><td class="Cyl">Type</td><td class="Cyl">Size</td><td class="Cyl">Work Pressure</td><td class="Cyl">Start Pressure</td><td class="Cyl">End Pressure</td><td class="Cyl">O2</td></tr>'; result += '<h2 class="det_hed">Dive equipments</h2><table><tr><td class="words">Type</td><td class="words">Size</td><td class="words">Work Pressure</td><td class="words">Start Pressure</td><td class="words">End Pressure</td><td class="words">O2</td></tr>';
for (var i in dive.Cylinders) { for (var i in dive.Cylinders) {
result += get_cylinder_HTML(dive.Cylinders[i]); result += get_cylinder_HTML(dive.Cylinders[i]);
} }
@ -853,7 +853,7 @@ function get_bookmarks_HTML(dive)
*/ */
function get_dive_HTML(dive) function get_dive_HTML(dive)
{ {
return '<h2>Dive Information</h2><table><tr><td class="words">Date: </td><td>' + dive.date + return '<h2 class="det_hed">Dive Information</h2><table><tr><td class="words">Date: </td><td>' + dive.date +
'</td><td class="words">&nbsp&nbsp&nbsp&nbsp&nbspTime: </td><td>' + dive.time + '</td><td class="words">&nbsp&nbsp&nbsp&nbsp&nbspTime: </td><td>' + dive.time +
'</td><td class="words">&nbsp&nbsp&nbsp&nbsp&nbspLocation: </td><td>' + '<a onclick=\"Search_list_Modules(\'' + dive.location + '\')\">' + '</td><td class="words">&nbsp&nbsp&nbsp&nbsp&nbspLocation: </td><td>' + '<a onclick=\"Search_list_Modules(\'' + dive.location + '\')\">' +
dive.location + '</a>' + dive.location + '</a>' +

View file

@ -40,6 +40,7 @@ th{
.words{ .words{
font-size:inherit; font-size:inherit;
font-weight:bold; font-weight:bold;
padding-right:25px;
} }
.item{ .item{
@ -211,28 +212,9 @@ ul:hover{
box-shadow: 7px 7px 5px rgba(215, 107, 27, 0.43); box-shadow: 7px 7px 5px rgba(215, 107, 27, 0.43);
} }
.Cyl{ .det_hed{
padding-right:25px; background-color:#EFC15F;
} padding:3px;
#diveinfo{
border-style:solid;
}
#diveprofile{
border-style:solid;
}
#dive_equipments{
border-style:solid;
}
#divestats{
border-style:solid;
}
#bookmarks{
border-style:solid;
} }
@media (max-width: 768px) { @media (max-width: 768px) {