HPR/hpr_hub
8
0
Fork 3
Code Issues 47 Pull Requests 1 Packages Projects Releases Wiki Activity

Fix upload form layout

Browse Source 
Make sure tables cells are vertically aligned to the top of the cells.
This commit is contained in:
Roan Horning 2025-06-25 22:36:47 -04:00
parent 3b737fb286
commit 7dfac7fc16
2 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
hub/header.html
View File

@ -17,6 +17,13 @@
#list1, #list2, #list3 { #list1, #list2, #list3 {
display:none; display:none;
} }
table.upload {
border-collapse: separate;
border-spacing: 0 0.75rem;
}
table.upload td {
vertical-align: top;
}
</style> </style>
<link rel="shortcut icon" href="https://hackerpublicradio.org/hpr.ico" > <link rel="shortcut icon" href="https://hackerpublicradio.org/hpr.ico" >
<link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Opus RSS" href="https://hackerpublicradio.org/hpr_opus_rss.php" /> <link rel="alternate" type="application/rss+xml" title="Hacker Public Radio Opus RSS" href="https://hackerpublicradio.org/hpr_opus_rss.php" />

10
hub/upload.php
View File

@ -128,13 +128,13 @@ include 'header.html';
</p> </p>
<h2><?php echo $status ?></h2> <h2><?php echo $status ?></h2>
<form method="POST" action="upload_confirm.php" enctype="multipart/form-data"> <form method="POST" action="upload_confirm.php" enctype="multipart/form-data">
<table> <table class="upload">
<tr> <tr>
<td>Host Email (<a href="<?php echo "${baseurl}about.html#email"; ?>" target="_blank">?</a>):</td> <td>Host Email (<a href="<?php echo "${baseurl}about.html#email"; ?>" target="_blank">?</a>):</td>
<td><?php echo $email;?></td> <td><?php echo $email;?></td>
</tr> </tr>
<tr> <tr>
<td style="vertical-align:top;">Image: (<a href="<?php echo "${baseurl}about.html#image"; ?>" target="_blank">?</a>)</td> <td>Image: (<a href="<?php echo "${baseurl}about.html#image"; ?>" target="_blank">?</a>)</td>
<td> <td>
<?php <?php
echo "<img src=\"$image_url\" alt=\"host image\" /><br /><small><em>"; echo "<img src=\"$image_url\" alt=\"host image\" /><br /><small><em>";
@ -168,7 +168,7 @@ include 'header.html';
</td> </td>
</tr> </tr>
<tr> <tr>
<td style="vertical-align:top;">Profile: (<a href="<?php echo "${baseurl}about.html#Profile"; ?>" target="_blank">?</a>)</td> <td>Profile: (<a href="<?php echo "${baseurl}about.html#Profile"; ?>" target="_blank">?</a>)</td>
<td> <td>
<noscript> <noscript>
<textarea name="host_profile" maxlength="2000" rows="10" cols="50" placeholder="Enter some text about yourself with links to your blog or other online presence."><?php echo htmlspecialchars($profile) ?></textarea> <textarea name="host_profile" maxlength="2000" rows="10" cols="50" placeholder="Enter some text about yourself with links to your blog or other online presence."><?php echo htmlspecialchars($profile) ?></textarea>
@ -178,7 +178,7 @@ include 'header.html';
</tr> </tr>
</table> </table>
<h2>Please fill in some information about this episode</h2> <h2>Please fill in some information about this episode</h2>
<table> <table class="upload">
<tr> <tr>
<td><strong>Title(*) (<a href="<?php echo "${baseurl}about.html#Title"; ?>" target="_blank">?</a>):</strong></td> <td><strong>Title(*) (<a href="<?php echo "${baseurl}about.html#Title"; ?>" target="_blank">?</a>):</strong></td>
<td><input required type="text" name="title" size="50" maxlength="100" placeholder="Enter a short descriptive title for your show."></td> <td><input required type="text" name="title" size="50" maxlength="100" placeholder="Enter a short descriptive title for your show."></td>
@ -258,7 +258,7 @@ include 'header.html';
</td> </td>
</tr> </tr>
<tr> <tr>
<td style="vertical-align:top;"><strong>Upload Method: (<a href="<?php echo "${baseurl}about.html#upload_method"; ?>" target="_blank">?</a>)</strong></td> <td><strong>Upload Method: (<a href="<?php echo "${baseurl}about.html#upload_method"; ?>" target="_blank">?</a>)</strong></td>
<td> <td>
<em>You have the choice of the following upload options:</em> <br /> <em>You have the choice of the following upload options:</em> <br />
<p> <p>