Improved Com layout

This commit is contained in:
Keplyx 2018-05-24 16:38:25 +02:00
parent 4ccab81edb
commit 232c8ed5c6
2 changed files with 18 additions and 10 deletions

View file

@ -285,21 +285,19 @@ Full-Width Styles
border: 1px solid #494949;
}
#table_coms .spacer{
width: 20%;
}
#table_coms td{
vertical-align: middle;
border: none;
padding: 0;
width: 30%;
}
#table_coms .com_photo{
vertical-align: middle;
width: 50%;
}
#table_coms img{
height: 100px;
margin: 5px;
}
.com_description{
@ -452,6 +450,12 @@ Small Device Styles
#score_usa, #score_urss {
font-size: 25px;
}
#table_coms .spacer{
width: 0;
}
#table_coms td{
width: 50%;
}
}
@media screen and (max-width: 320px) {

View file

@ -1,19 +1,23 @@
<h3 id="<?= $comId ?>"><?= $comTitle ?></h3>
<table id="table_coms">
<tr>
<td colspan="2" class="com_description"><?= $comDescription ?></td>
<td colspan="4" class="com_description"><?= $comDescription ?></td>
</tr>
<tr>
<td rowspan="2" class="spacer"></td>
<td><?= $comRespo ?></td>
<td rowspan="2" class="com_photo"><img src="<?= $comRespoPhoto ?>"></td>
<td rowspan="2"><img src="<?= $comRespoPhoto ?>"></td>
<td rowspan="2" class="spacer"></td>
</tr>
<tr>
<td><span class="fas fa-envelope"></span> Mail : <?= $comRespoId ?></td>
</tr>
<?php if ($comRespo2 != ""): ?>
<tr>
<td rowspan="2" class="spacer"></td>
<td><?= $comRespo2 ?></td>
<td rowspan="2" class="com_photo"><img src="<?= $comRespo2Photo ?>"></td>
<td rowspan="2"><img src="<?= $comRespo2Photo ?>"></td>
<td rowspan="2" class="spacer"></td>
</tr>
<tr>
<td><span class="fas fa-envelope"></span> Mail : <?= $comRespo2Id ?></td>